.darkmysite_dark_mode_enabled .darkmysite_style_all:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * ){
    background: var(--darkmysite_dark_mode_bg) !important;
    background-color: var(--darkmysite_dark_mode_bg) !important;
    color: var(--darkmysite_dark_mode_text_color) !important;
    border-color: var(--darkmysite_dark_mode_border_color) !important;
}
.darkmysite_dark_mode_enabled .darkmysite_style_bg_txt:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * ){
    background: var(--darkmysite_dark_mode_bg) !important;
    background-color: var(--darkmysite_dark_mode_bg) !important;
    color: var(--darkmysite_dark_mode_text_color) !important;
}
.darkmysite_dark_mode_enabled .darkmysite_style_bg_border:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * ){
    background: var(--darkmysite_dark_mode_bg) !important;
    background-color: var(--darkmysite_dark_mode_bg) !important;
    border-color: var(--darkmysite_dark_mode_border_color) !important;
}
.darkmysite_dark_mode_enabled .darkmysite_style_txt_border:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * ){
    color: var(--darkmysite_dark_mode_text_color) !important;
    border-color: var(--darkmysite_dark_mode_border_color) !important;
}
.darkmysite_dark_mode_enabled .darkmysite_style_bg:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * ){
    background: var(--darkmysite_dark_mode_bg) !important;
    background-color: var(--darkmysite_dark_mode_bg) !important;
}
.darkmysite_dark_mode_enabled .darkmysite_style_txt:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * ){
    color: var(--darkmysite_dark_mode_text_color) !important;
}
.darkmysite_dark_mode_enabled .darkmysite_style_border:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * ){
    border-color: var(--darkmysite_dark_mode_border_color) !important;
}
.darkmysite_dark_mode_enabled .darkmysite_style_secondary_bg:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * ){
    background: var(--darkmysite_dark_mode_secondary_bg) !important;
    background-color: var(--darkmysite_dark_mode_secondary_bg) !important;
}



/*Handle Link Style*/
.darkmysite_dark_mode_enabled .darkmysite_style_link:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * ){
    color: var(--darkmysite_dark_mode_link_color) !important;
}
.darkmysite_dark_mode_enabled .darkmysite_style_link:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * ):hover{
    color: var(--darkmysite_dark_mode_link_hover_color) !important;
}

/*Handle Form Element Style*/
.darkmysite_dark_mode_enabled .darkmysite_style_form_element:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * ){
    background: var(--darkmysite_dark_mode_input_bg) !important;
    background-color: var(--darkmysite_dark_mode_input_bg) !important;
    color: var(--darkmysite_dark_mode_input_text_color) !important;
}
.darkmysite_dark_mode_enabled .darkmysite_style_form_element:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * )::placeholder{
    color: var(--darkmysite_dark_mode_input_placeholder_color) !important;
}

/*Handle Button Style*/
.darkmysite_dark_mode_enabled .darkmysite_style_button:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore * ){
    background: var(--darkmysite_dark_mode_btn_bg) !important;
    background-color: var(--darkmysite_dark_mode_btn_bg) !important;
    color: var(--darkmysite_dark_mode_btn_text_color) !important;
}



/* ========================
    Admin Bar Menu Design
===========================*/
.darkmysite_admin_bar_switch_container{
    cursor: pointer !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px !important;
    height: 32px !important;
}
.darkmysite_admin_bar_switch_container .ab-item{
    height: 18px !important;
    cursor: pointer !important;
    background-color: #ffffff !important;
    -webkit-mask: url(../img/switch_icons/switch_apple_light.svg) no-repeat center;
    mask: url(../img/switch_icons/switch_apple_light.svg) no-repeat center;
}
.darkmysite_dark_mode_enabled .darkmysite_admin_bar_switch_container .ab-item{
    -webkit-mask: url(../img/switch_icons/switch_apple_dark.svg) no-repeat center;
    mask: url(../img/switch_icons/switch_apple_dark.svg) no-repeat center;
}



/* ========================
    Block Editor Menu Design
===========================*/
.darkmysite_block_editor_switch{
    height: 33px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0;
    border: 0;
    background: #121116;
    border-radius: 3px;
    padding: 0 12px;
}
.darkmysite_dark_mode_enabled .darkmysite_block_editor_switch{
    background: #ffffff;
}
.darkmysite_block_editor_switch .icon{
    width: 20px;
    height: 20px;
    background-color: #ffffff !important;
    -webkit-mask: url(../img/switch_icons/switch_apple_light.svg) no-repeat center;
    mask: url(../img/switch_icons/switch_apple_light.svg) no-repeat center;
}
.darkmysite_dark_mode_enabled .darkmysite_block_editor_switch .icon{
    background-color: #121116 !important;
    -webkit-mask: url(../img/switch_icons/switch_apple_dark.svg) no-repeat center;
    mask: url(../img/switch_icons/switch_apple_dark.svg) no-repeat center;
}



/* ========================
    Switch Design
===========================*/

.darkmysite_switch {
    --darkmysite_switch_margin_from_top: 40px;
    --darkmysite_switch_margin_from_bottom: 40px;
    --darkmysite_switch_margin_from_left: 40px;
    --darkmysite_switch_margin_from_right: 40px;
    --darkmysite_switch_tooltip_bg_color: #142434;
    --darkmysite_switch_tooltip_text_color: #B0CBE7;
}
.darkmysite_switch, .darkmysite_switch * {
    box-sizing: border-box;
}
.darkmysite_switch.darkmysite_top_left,
.darkmysite_switch.darkmysite_top_right,
.darkmysite_switch.darkmysite_bottom_left,
.darkmysite_switch.darkmysite_bottom_right{
    position: fixed;
}
.darkmysite_switch.darkmysite_top_left{
    top: var(--darkmysite_switch_margin_from_top);
    left: var(--darkmysite_switch_margin_from_left);
}
.darkmysite_switch.darkmysite_top_right{
    top: var(--darkmysite_switch_margin_from_top);
    right: var(--darkmysite_switch_margin_from_right);
}
.darkmysite_switch.darkmysite_bottom_left{
    bottom: var(--darkmysite_switch_margin_from_bottom);
    left: var(--darkmysite_switch_margin_from_left);
}
.darkmysite_switch.darkmysite_bottom_right{
    bottom: var(--darkmysite_switch_margin_from_bottom);
    right: var(--darkmysite_switch_margin_from_right);
}
.darkmysite_switch.darkmysite_absolute_position{
    position: absolute;
    z-index: unset;
}

@media only screen and (max-width: 600px) {
    .darkmysite_switch.darkmysite_hide_on_mobile{
        display: none;
    }
}




.darkmysite_tooltip .darkmysite_tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: var(--darkmysite_switch_tooltip_bg_color);
    color: var(--darkmysite_switch_tooltip_text_color);
    font-size: 12px;
    text-align: center;
    border-radius: 0;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
}
.darkmysite_tooltip .darkmysite_tooltiptext::after {
    content: "";
    position: absolute;
    border-width: 5px;
    border-style: solid;
}
.darkmysite_tooltip:hover .darkmysite_tooltiptext {
    visibility: visible;
}
.darkmysite_tooltip.darkmysite_tooltip_top .darkmysite_tooltiptext {
    bottom: calc(100% + 10px);
    left: 50%;
    margin-left: -60px;
}
.darkmysite_tooltip.darkmysite_tooltip_top .darkmysite_tooltiptext::after {
    left: 50%;
    margin-left: -5px;
    top: 100%;
    border-color: var(--darkmysite_switch_tooltip_bg_color) transparent transparent transparent;
}
.darkmysite_tooltip.darkmysite_tooltip_bottom .darkmysite_tooltiptext {
    top: calc(100% + 10px);
    left: 50%;
    margin-left: -60px;
}
.darkmysite_tooltip.darkmysite_tooltip_bottom .darkmysite_tooltiptext::after {
    left: 50%;
    margin-left: -5px;
    bottom: 100%;
    border-color: transparent transparent var(--darkmysite_switch_tooltip_bg_color) transparent;
}
.darkmysite_tooltip.darkmysite_tooltip_left .darkmysite_tooltiptext {
    right: calc(100% + 10px);
    top: calc(50% - 15px);
}
.darkmysite_tooltip.darkmysite_tooltip_left .darkmysite_tooltiptext::after {
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-color: transparent transparent transparent var(--darkmysite_switch_tooltip_bg_color);
}
.darkmysite_tooltip.darkmysite_tooltip_right .darkmysite_tooltiptext {
    left: calc(100% + 10px);
    top: calc(50% - 15px);
}
.darkmysite_tooltip.darkmysite_tooltip_right .darkmysite_tooltiptext::after {
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-color: transparent var(--darkmysite_switch_tooltip_bg_color) transparent transparent;
}



/* ==============
 Switch Apple
 ============== */
.darkmysite_switch_apple {
    --darkmysite_switch_apple_width_height: 60px;
    --darkmysite_switch_apple_border_radius: 7px;
    --darkmysite_switch_apple_icon_width: 30px;
    --darkmysite_switch_apple_light_mode_bg: #121116;
    --darkmysite_switch_apple_dark_mode_bg: #ffffff;
    --darkmysite_switch_apple_light_mode_icon_color: #ffffff;
    --darkmysite_switch_apple_dark_mode_icon_color: #121116;
}
.darkmysite_switch_apple{
    cursor: pointer;
    z-index: 9999;
    width: var(--darkmysite_switch_apple_width_height);
    height: var(--darkmysite_switch_apple_width_height);
    border-radius: var(--darkmysite_switch_apple_border_radius);
    background: var(--darkmysite_switch_apple_light_mode_bg);
    display: flex;
    align-items: center;
    justify-content: center;
}
.darkmysite_switch_apple .darkmysite_switch_icon{
    display: block;
    width: var(--darkmysite_switch_apple_icon_width);
    height: inherit;
    background-color: var(--darkmysite_switch_apple_light_mode_icon_color);
    -webkit-mask: url(../img/switch_icons/switch_apple_light.svg) no-repeat center;
    mask: url(../img/switch_icons/switch_apple_light.svg) no-repeat center;
}
.darkmysite_dark_mode_enabled .darkmysite_switch_apple{
    background: var(--darkmysite_switch_apple_dark_mode_bg);
}
.darkmysite_dark_mode_enabled .darkmysite_switch_apple .darkmysite_switch_icon{
    background-color: var(--darkmysite_switch_apple_dark_mode_icon_color);
    -webkit-mask: url(../img/switch_icons/switch_apple_dark.svg) no-repeat center;
    mask: url(../img/switch_icons/switch_apple_dark.svg) no-repeat center;
}





/* ==============
 Switch Banana
 ============== */
.darkmysite_switch_banana {
    --darkmysite_switch_banana_width_height: 60px;
    --darkmysite_switch_banana_border_radius: 7px;
    --darkmysite_switch_banana_icon_width: 38px;
    --darkmysite_switch_banana_light_mode_bg: #121116;
    --darkmysite_switch_banana_dark_mode_bg: #ffffff;
    --darkmysite_switch_banana_light_mode_icon_color: #ffffff;
    --darkmysite_switch_banana_dark_mode_icon_color: #121116;
}
.darkmysite_switch_banana{
    cursor: pointer;
    z-index: 9999;
    width: var(--darkmysite_switch_banana_width_height);
    height: var(--darkmysite_switch_banana_width_height);
    border-radius: var(--darkmysite_switch_banana_border_radius);
    background: var(--darkmysite_switch_banana_light_mode_bg);
    display: flex;
    align-items: center;
    justify-content: center;
}
.darkmysite_switch_banana .darkmysite_switch_icon{
    display: block;
    width: var(--darkmysite_switch_banana_icon_width);
    height: inherit;
    background-color: var(--darkmysite_switch_banana_light_mode_icon_color);
    -webkit-mask: url(../img/switch_icons/switch_banana_light.svg) no-repeat center;
    mask: url(../img/switch_icons/switch_banana_light.svg) no-repeat center;
}
.darkmysite_dark_mode_enabled .darkmysite_switch_banana{
    background: var(--darkmysite_switch_banana_dark_mode_bg);
}
.darkmysite_dark_mode_enabled .darkmysite_switch_banana .darkmysite_switch_icon{
    background-color: var(--darkmysite_switch_banana_dark_mode_icon_color);
    -webkit-mask: url(../img/switch_icons/switch_banana_dark.svg) no-repeat center;
    mask: url(../img/switch_icons/switch_banana_dark.svg) no-repeat center;
}