23s2s

✏️ Editing: solace-control-style.css

/*==============================================================
TABLE OF CONTENTS:
================================================================
Radio_Image
==============================================================*/
:root {
  /* Typography */
  --sol-customizer--font-family: "Poppins", sans-serif;
  --sol-customizer--font-family-secondary: "Poppins", sans-serif;
  --sol-customizer--font-weight-section: 400;
  --sol-customizer--font-size-section: 16px;
  --sol-customizer--font-weight-panel: 700;
  --sol-customizer--font-size-panel: 18px;
  /* Colors */
  --sol-customizer-bg-color: inherit;
  --sol-customizer-panel-bg-color: inherit;
  --sol-customizer-text-color: inherit;
  --sol-customizer-icon-color: inherit;
  --sol-customizer-border-color: inherit;
  --sol-customizer-contrast-color: inherit;
}

:root .sol-dark-mode {
  --sol-customizer-bg-color: #001644;
  --sol-customizer-panel-bg-color: #0f2e5f;
  --sol-customizer-text-color: #FFFFFF;
  --sol-customizer-link-color: #FA9002;
  --sol-customizer-icon-color: #FA9002;
  --sol-customizer-border-color: #072251;
  --sol-customizer-line-color: #0E305F;
  --sol-customizer-contrast-color: #ffffff;
  --sol-customizer-button-color: #FA9002;
  --sol-customizer-button-color-darker: darken(#FA9002, 10%);
  --sol-builder-row-tab-color: #476698;
  --sol-builder-active-color: #FD9507;
  --sol-builder-bg-color: #0F2E5F;
  --sol-builder-header-bg-color: #0F3877;
  --sol-builder-element-color: #0F2E5F;
}

:root .sol-light-mode {
  --sol-customizer-bg-color: #f8f8f8;
  --sol-customizer-panel-bg-color: #f8f8f8;
  --sol-customizer-text-color: #001B44;
  --sol-customizer-link-color: #FA9002;
  --sol-customizer-icon-color: #FA9002;
  --sol-customizer-border-color: #f8f8f8;
  --sol-customizer-line-color: #f8f8f8;
  --sol-customizer-contrast-color: #000000;
  --sol-customizer-button-color: #FA9002;
  --sol-customizer-button-color-darker: darken(#FA9002, 10%);
  --sol-builder-row-tab-color: #476698;
  --sol-builder-active-color: #FD9507;
  --sol-builder-bg-color: #0F2E5F;
  --sol-builder-header-bg-color: #0F3877;
  --sol-builder-element-color: #0F2E5F;
}

/*==============================================================
Radio_Image
==============================================================*/
li.customize-control.customize-control-solace_radio_image_control .solace-radio-image {
  gap: 5px;
  justify-content: space-around;
}

li.customize-control.customize-control-solace_radio_image_control .solace-radio-image .option {
  background-color: transparent;
  width: 125px;
  height: 155px;
  border-radius: 20px;
  position: relative;
}

li.customize-control.customize-control-solace_radio_image_control .solace-radio-image .option button {
  position: relative;
  background-color: transparent;
  border-radius: 14px;
  width: 125px !important;
  height: 128px !important;
}

li.customize-control.customize-control-solace_radio_image_control .solace-radio-image .option button img {
  border-radius: 10px;
}

li.customize-control.customize-control-solace_radio_image_control .solace-radio-image .option button.active {
  position: relative;
  border: 2px solid #ff9400;
  outline: transparent;
}

li.customize-control.customize-control-solace_radio_image_control .solace-radio-image .option button.active::before {
  display: block;
  border: none;
}

li.customize-control.customize-control-solace_radio_image_control .solace-radio-image .option button.active::after {
  content: "";
  display: block;
  background-image: url("../img/customizer/ok-sign.svg");
  position: absolute;
  top: -11px;
  right: -11px;
  width: 21px;
  height: 21px;
  z-index: 9;
  background-repeat: no-repeat;
  background-color: #000;
  border-radius: 50px;
}

/*# sourceMappingURL=solace-control-style.css.map */

Sid Gifari From Gifari Industries - BD Cyber Security Team