/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 07 2025 | 10:13:32 */
/* Change the font for digits globally */
.digits_secure_modal_box, 
.digits_ui, 
.digits_secure_modal_box *, 
.digits_ui *, 
.digits_font, 
.dig_ma-box, 
.dig_ma-box input, 
.dig_ma-box input::placeholder, 
.dig_ma-box ::placeholder, 
.dig_ma-box label, 
.dig_ma-box button, 
.dig_ma-box select, 
.dig_ma-box * {
	font-family: inherit !important;
	/*font-weight: 500;*/
}
/* Digits preset font seems to mess with some admin icons, fix that */
[class*=" ti-"], [class^=ti-] {
    font-family: themify !important;
}
.fa-solid, .fas {
    font-family: Font Awesome\ 6 Solid !important;
}
#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon, 
#wpadminbar .ab-icon, #wpadminbar .ab-item:before, 
.wp-admin-bar-arrow {
	font: normal 20px/1 dashicons !important;
}

/* Now let's reorder the divs in the form, so that the Signin / Signup switch is first */
.digits-form_login,
.digits-form_register {
	display: flex;
    flex-direction: column;
}
.dig_login_signup_bar {
  order: -1; /* This moves the element to the beginning */
  margin-top: initial;
  margin-bottom: 60px;
}

#ktrr-digits-form__light input::placeholder {
  color: var(--color-lavender);
  opacity: 1; /* Firefox */
}
#ktrr-digits-form__light input::-ms-input-placeholder { /* Edge 12 -18 */
  color: var(--color-lavender);
}
#ktrr-digits-form__light .digits_embed-form .digits-form_container {
	background-color: var(--color-white);
	box-shadow: var(--box-shadow-soft);
	border-radius: var(--border-radius-20);
	width: 100%;
    max-width: 100%;
	padding: var(--space-xl);
}
#ktrr-digits-form__light .digits-form_heading,
#ktrr-digits-form__light .digits-title_color,
#ktrr-digits-form__light .digits-form_tab-bar .digits-form_tab-item,
#ktrr-digits-form__light .digits-form_input label,
#ktrr-digits-form__light .digits-form_link,
#ktrr-digits-form__light .digits-form_hint {
	color: var(--color-midnight);
}
#ktrr-digits-form__light .digits2_box .digits-form_input input, 
#ktrr-digits-form__light .digits2_box .digits-form_input input[type=text], 
#ktrr-digits-form__light .digits2_box .digits-form_input textarea {
	color: var(--color-midnight);
}
#ktrr-digits-form__light .digits-form_tab-bar .digits-tab_active {
    border-bottom-color: var(--color-midnight);
}
/* Fields input background colour */
#ktrr-digits-form__light .digits-form_input_row .digits-field-type_checkbox .dig_input_wrapper::before, 
#ktrr-digits-form__light .digits-form_input_row .digits-field-type_radio .dig_input_wrapper::before, 
#ktrr-digits-form__light .digits-form_input_row .digits-field-type_tac .dig_input_wrapper::before,
#ktrr-digits-form__light .digits2_box .digits-form_input input:not(.countrycode),
#ktrr-digits-form__light .digits2_box .digits-form_input input[type=text]:not(.countrycode),
#ktrr-digits-form__light .digits2_box .digits-form_input textarea {
	background-color: var(--color-salt);
}
/* Change the color of the selected 'remember me' checkbox */
#ktrr-digits-form__light .digits-form_input_row .digits-field-type_tac .selected .dig_input_wrapper::before {
	background-color: var(--color-risd);
}
/* Now style the biometrics area and the fingerpring icon */
#ktrr-digits-form__light .digits_secure_fingerprint_icon {
	background-color: var(--color-midnight);
}
#ktrr-digits-form__light .digits_secure_fingerprint_container,
#ktrr-digits-form__light .digits-form_field_button {
	background-color: var(--color-salt);
	color: var(--color-midnight);
}
/* Reposition the arrow icon next the the Login heading */
#ktrr-digits-form__light .digits_back_icon {
	width: 40px;
    height: 40px;
    top: 0px;
    left: -50px;
}
/* Style the submit button */
#ktrr-digits-form__light .digits-form_button, 
#ktrr-digits-form__light .digits-form_button[type=submit] {
	background-color: var(--color-midnight);
	color: var(--color-white);
}
#ktrr-digits-form__light .digits-form_button_ic {
	background-color: var(--color-white);
	opacity: 0.8;
}
/* Some style added globally to all forms */
/* This is the distance of the underline bar just under the login / register tabs */
.digits-form_tab-bar .digits-form_tab-item {
	padding-bottom: 6px;
	font-weight: 500;
}
/* This is the X close button on the modal digits form */
.digits-cancel {
	width: 50px;
	height: 50px;
	background-color: var(--color-white);
	background-position: center;
	border-radius: var(--border-radius-99);
	right: var(--space-20);
    top: var(--space-20);
	/* Apply filters to change the colour */
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg);
}

/* This is the POP MESSAGE that pops up on error or success */
.dig_popmessage {
	border-radius: var(--border-radius-10);
	background-color: initial !important;
}
.dig_popmessage_contents {
	border-radius: var(--border-radius-10);
}

.dig_critical_msg .dig_popmessage_contents {
    background: var(--color-cherry-ripe) !important;
    border: 1px solid var(--color-cherry) !important;
}
.dig_success_msg .dig_popmessage_contents {
    background: var(--color-lime-cream) !important;
    border: 1px solid var(--color-lime) !important;
}
/* default yelowish */
/*
.dig_notice_msg .dig_popmessage_contents {
    background-color: #FFFDF9;
    border: 1px solid rgba(255, 195, 0, 0.1);
}*/

.dig_critical_msg .dig_lase_snap {
    color: var(--color-cherry) !important;
}

.dig_critical_msg .dig_lase_message {
    color: var(--color-cherry) !important;
}

.dig_success_msg .dig_lase_snap {
    color: var(--color-lime) !important;
}

.dig_success_msg .dig_lase_message {
    color: var(--color-lime) !important;
}

/* default yellow */
/*
.dig_notice_msg .dig_lase_snap, .dig_notice_msg .dig_lase_message {
    color: #FFC300;
}*/

.dig_critical_msg .dig_popdismiss {
    background-color: var(--color-cherry);
}

.dig_success_msg .dig_popdismiss {
    background-color: var(--color-lime);
}

/*
.dig_notice_msg .dig_popdismiss {
    background-color: #FFC300;
}*/

.dig_critical_msg .dig_popmessage_contents {
    background: var(--color-cherry-ripe) 0% 0% no-repeat padding-box !important;
}

.dig_critical_msg .dig_lase_message {
    color: var(--color-cherry) !important;
}

.dig_success_msg .dig_lase_message {
    color: var(--color-lime) !important;
}
@media (prefers-color-scheme: dark) {
    .dig_critical_msg .dig_popmessage_contents {
        background: var(--color-cherry-ripe) 0% 0% no-repeat padding-box !important;
    }

    .dig_critical_msg .dig_lase_message {
        color: var(--color-cherry) !important;
    }

    .dig_success_msg .dig_lase_message {
        color: var(--color-lime) !important;
    }
}

.dark_theme.dig_critical_msg .dig_popmessage_contents {
    background: var(--color-cherry-ripe) 0% 0% no-repeat padding-box !important;
}

.dark_theme.dig_critical_msg .dig_lase_message {
    color: var(--color-cherry) !important;
}

.dark_theme.dig_success_msg .dig_lase_message {
    color: var(--color-lime) !important;
}


/* Now just style the last row in the login/register form, the switch beween the forms */
.dig_login_signup_bar {
	font-weight: 400;
}
.dig_login_signup_bar .digits-form_toggle_login_register {
	border-bottom: 3px solid var(--color-white);
	padding-bottom: 6px;
    font-weight: 400;
}

/* Let's temporarily disable the country flag in the login form until the caching issue is resolved */
/*
span.untdovr_flag_container,
span.untdovr_flag_container_flag {
	display: none !important;
}
*/