/*used var*/
.header--color_colored {
  background-color: var(--theme-base-color);
}

.color-theme {
  color: var(--theme-base-color);
}

.white_text_black_reverse {
  color: var(--white_text_black_reverse);
}

.stroke-grey-parent .stroke-grey-target use {
  --stroke-opacity: 16%;
  stroke: color-mix(in oklab, var(--white_text_black) var(--stroke-opacity), transparent);
}

@media (any-hover: hover) {
  .color-theme-hover:hover,
  .color-theme-parent:hover > .color-theme-target,
  .color-theme-parent-all:hover .color-theme-target,
  .color-theme-hover-no-active:not(.active):hover {
    --text-opacity: 72%;
  }
  .bg-theme-hover:hover,
  .bg-theme-parent-hover:hover .bg-theme-target {
    background-color: var(--theme-base-color);
  }
  .bg-theme-parent-hover:hover .bg-theme-target.btn-transparent-border {
    color: #fff;
  }
  .bg-theme-white-hover:hover,
  .bg-theme-white-parent-hover:hover .bg-theme-target {
    background-color: var(--fill_dark_lite_white_hover);
  }
  .bg-theme-hover-active:hover.active {
    background-color: var(--theme-base-color) !important;
  }
  .bg-theme-hover-active:hover.active {
    background-color: var(--theme-more-color) !important;
  }
  .fill-theme-hover:hover *,
  .fill-theme-use-svg-hover:hover *,
  .fill-theme-parent:hover > .fill-theme-target *,
  .fill-theme-parent-all:hover .fill-theme-target * {
    fill: var(--fill_theme_hover);
  }
  .stroke-theme-hover:hover *,
  .stroke-theme-use-svg-hover:hover *,
  .stroke-theme-parent:hover > .stroke-theme-target,
  .stroke-theme-parent-all:hover .stroke-theme-target * {
    stroke: var(--theme-base-color);
  }

  .stroke-grey-parent:hover .stroke-grey-target use {
    --stroke-opacity: 100%;
  }

  .colored_theme_hover_bg-block:hover .colored_theme_hover_bg-el-svg svg path {
    fill: var(--fill_dark_lite_white_hover);
  }

  .fill-dark-light-block:hover *:is(path, use){
    /*fill: var(--fill_dark_lite_hover);*/
    opacity: 0.72;
  }

  .stroke-dark-light-block:hover *:is(path, use){
    /* stroke: var(--fill_dark_lite_hover); */
    opacity: 0.72;
  }

  .color-dark-parent:hover > .color-dark-target,
  .color-dark-parent-all:hover .color-dark-target {
    --text-opacity: 72%;
    /*color: var(--secondary);*/
  }
  
  .fill-dark-parent:hover > .fill-dark-target,
  .fill-dark-parent-all:hover .fill-dark-target *:is(path, use) {
    /*fill: var(--secondary);*/
    opacity: 0.72;
  }
  .stroke-dark-parent:hover > .stroke-dark-target,
  .stroke-dark-parent-all:hover .stroke-dark-target *:is(path, use) {
    /*stroke: var(--secondary);*/
    opacity: 0.72;
  }

  .bg-opacity-theme-parent-hover:hover .bg-opacity-theme-target {
    background-color: var(--secondary);
  }
}

.bg-theme,
.bg-theme-before:before,
.bg-theme-after:after,
.bg-theme-active.active,
.active .bg-theme-active-child {
  background-color: var(--theme-base-color);
}
.bg-theme-active.active,
.active .bg-theme-active-child {
  background-color: var(--theme-more-color);
}

.bg-opacity-theme,
.bg-opacity-theme-before:before,
.bg-opacity-theme-after:after,
.bg-opacity-theme-hover:hover,
.bg-opacity-theme-parent-hover:hover .bg-opacity-theme-target,
.bg-opacity-theme-active.active {
  background-color: var(--opacity_dark_lite_hover);
}

.border-theme,
.border-theme-hover:hover,
.border-theme-active.active,
.border-theme-parent-hover:hover .border-theme-target,
.active .border-theme-active-child {
  /* border-color: var(--theme-base-color); */
  box-shadow: inset 0px 0px 0px 1px var(--theme-base-color);
}

.fill-theme svg *,
.fill-theme-use-svg svg,
.fill-theme-svg,
#main .colored_theme_svg svg path,
.colored_theme_svg {
  fill: var(--theme-base-color);
}

.fill-use-svg-button-color,
.fill-use-button-color svg {
  fill: var(--button_color_text);
}
.fill-use-icon-on-card use {
  fill: var(--icon_on_card);
}
.fill-use-svg-999,
.fill-use-999 svg {
  fill: #999;
}
.fill-use-svg-888,
.fill-use-888 svg {
  fill: #888;
}
.fill-use-svg-grey,
.fill-use-grey svg {
  fill: #b8b8b8;
}
.fill-use-svg-fff,
.fill-use-fff svg {
  fill: #fff;
}
.stroke-use-svg-button-color,
.stroke-use-button-color svg {
  stroke: var(--button_color_text);
}
.stroke-use-icon-on-card use {
  stroke: var(--icon_on_card);
}

.stroke-use-svg-999,
.stroke-use-999 svg {
  stroke: #999;
}
.stroke-use-svg-888,
.stroke-use-888 svg {
  stroke: #888;
}
.stroke-use-svg-grey,
.stroke-use-grey svg {
  stroke: #b8b8b8;
}
.stroke-use-svg-fff,
.stroke-use-fff svg {
  stroke: #fff;
}

.stroke-theme *,
.stroke-theme-use-svg svg,
.stroke-theme-svg {
  stroke: var(--theme-base-color);
}
.svg.colored:not(.svg-inline-icon) * {
  fill: var(--fill_theme_hover);
}

.fancybox-slide--html .fancybox-close-small:hover path,
.fancybox-button:hover path {
  fill: var(--white_text_black);
}

@media (max-width: 1200px) {
  .header-menu--bottom-1200.header-menu--color_colored {
    background-color: var(--theme-base-color);
  }
}

.bg-more-theme {
  background-color: var(--theme-more-color);
}
.fill-more-theme {
  fill: var(--theme-more-color) !important;
}
.colored_theme {
  color: var(--fill_dark_lite_white_hover);
}
.colored_theme_bg,
.colored_theme_bg_hover:hover,
.colored_theme_hover_bg-block:hover .colored_theme_hover_bg-el {
  background-color: var(--theme-base-color);
  /* background-color: var(--fill_dark_lite_white_hover); */
}
body .colored_bg_in_dark {
  background-color: var(--theme-base-color);
}
.colored_theme_bg2_hover:hover {
  background-color: hsl(
    var(--dark_light-wtheme-hue),
    var(--dark_light-wtheme-saturation),
    var(--dark_light-wtheme-lightness)
  );
}
.dark-color:hover,
a.colored,
.colored-link,
.colored {
  color: var(--fill_dark_lite_white_hover);
}
a.colored:hover,
.colored:hover {
  color: var(--fill_theme_hover);
}
.colored-link:hover {
  color: var(--fill_dark_lite_hover);
}

.fill-dark-light,
.fill-dark-light path,
.fill-dark-light use,
.fill-dark-light-block path,
.fill-dark-light-block use {
  fill: var(--fill_dark_light);
}

.fill-grey path,
.fill-grey use,
.fill-grey-hover path,
.fill-grey-hover use {
  fill: var(--gray_bg_black);
}
.fill-grey-hover:hover path,
.fill-grey-hover:hover use {
  fill: var(--white_text_black);
}
.stroke-dark-light,
.stroke-dark-light *,
.stroke-dark-light-block path,
.stroke-dark-light-block use {
  stroke: var(--fill_dark_light);
}

.fill_card_bg_hover_black {
  fill: var(--card_bg_hover_black);
}

/*custom*/
.style-switcher .options > div.more_color.current > span,
.style-switcher .options > div.more_color.current > span:hover {
  border-color: var(--theme-more-color);
}
.uploader.hover {
  background-color: var(--theme-base-color);
}
.uploader .resetfile:hover {
  background-color: var(--theme-base-color);
  border-color: var(--theme-base-color);
}
.opened .link-with-flag:before {
  background-color: var(--theme-more-color);
}
.bx_filter .bx_ui_slider_track .bx_ui_slider_handle:after {
  background-color: var(--theme-base-color);
}

.colored_more_theme_bg2_hover:hover {
  background-color: hsl(
    var(--theme-more-color-hue),
    var(--theme-more-color-saturation),
    calc(var(--theme-more-color-lightness) + var(--theme-lightness-hover-diff))
  );
}

.colored_theme_bg_opacity {
  background-color: hsl(
    var(--theme-more-color-hue),
    var(--theme-more-color-saturation),
    var(--theme-more-color-lightness),
    0.1
  );
}

.bg_red_opacity {
  background: #FF4F6414;
}

.link-button-color-target:not(a) {
	--text-opacity: 100%;
}
.link-button-color-parent-all .link-button-color-target {
	color: color-mix(in oklab, var(--button_color_text) var(--text-opacity), transparent);
}
.fill-button-color-parent-all .fill-button-color-target *:where(path, use) {
	fill: var(--button_color_text);
}