:root {
--logo: url(https://chronorecord.site/system/site_uploads/files/000/000/001/original/5a433270581337e0.png) !important;
--m-logo: url('https://i.imgur.com/a4rkfi7.png') !important;

--color-1: #27a4b8;
--color-2: #131419;
--color-3:#34bed4;

}
body.theme-default.layout-single-column {
--bg-image: url('https://i.imgur.com/h7d9f0H.jpeg') !important;
--logo: url(https://chronorecord.site/system/site_uploads/files/000/000/001/original/5a433270581337e0.png) !important;

--m-logo: url('https://i.imgur.com/a4rkfi7.png') !important;

--color-bg-compose-form: #a8cdf6cc;
--color-bg-compose-form-focus: #a8cdf6cc; 
--color-dim: #0B3E87;
--color-accent-dark: #0B3E87;
--color-border: #C4CEF3;
--color-mud: #a8cdf6cc;
--color-light-purple: #3174BF;
--color-accent-dark-50: #a8cdf6cc;
--color-topaz:#0B3E87;

--color-1:#0b3e87;
--color-2:#41454c;
--color-3:#0B3E87;
--text-w:#fff;

}

.layout-single-column .column-link.column-link--logo, .layout-single-column .ui__header__logo {
background-size: auto 120px;
}

.privacy-dropdown__option.active, .privacy-dropdown__option:hover {
 background-color: var(--color-1) !important;
}

.react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
 background-color: var(--color-1) !important;
}

.react-toggle:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track {
background-color: var(--color-2) !important;
}

.react-toggle-thumb {
border: 1px solid var(--color-2);
}

.react-toggle--checked .react-toggle-thumb {
border: 1px solid var(--color-2);
}

.language-dropdown__dropdown__results__item.active:hover {
background-color: var(--color-accent-dark-50);
}

.privacy-dropdown.active .privacy-dropdown__value.active .icon-button {
color:var(--color-1) !important;
}

.privacy-dropdown__option.active .privacy-dropdown__option__content {
color:var(--text-w) !important;
}

.layout-single-column .language-dropdown__dropdown__results__item.active {
color:var(--text-w) !important;
}

.dismissable-banner__message h1 {
color:var(--color-1) !important;
}

.account-role {
 color: var(--color-3) !important;
 border: 1px solid var(--color-3) !important;
}

.dismissable-banner__action .icon-button,
.warning-banner__action .icon-button,
.icon-button.active:active,
.icon-button.active:focus,
.icon-button.active:hover,
.icon-button.active {
color: var(--color-3) !important;
}



.user-role-4 {
  --user-role-accent: #2f59bc;
}