/**
 * Admin CSS
 *
 * @since 1.0.0
 */

 :root {
    --white: #FFFFFF;
    --milky-way: #F8F8FB;
	--tangerine: #FF6A3D;
	--midnight: #1A2238;
	--twilight: #29375B;
	--daffodil: #F9DB6D;
	--lavender: #9DAAF2;
	--iris: #3B4CA8;
    --green: #79BA49;
    --red: #D11D1D;
	--border-gray: #E8ECEF;
	--form-gray: #797E89;
}

/***************************************************************************************************************************************************************************************/

/*BODY STYLES*/

/***************************************************************************************************************************************************************************************/

body {
    background-color: var(--twilight) !important;
}

.login #backtoblog a,
.login #nav a {
    color: var(--white) !important;
}

.login #login_error, 
.login .message,
.login .success {
    border-left-color: var(--tangerine) !important;
}

.login #backtoblog a:hover, 
.login #nav a:hover, 
.login h1 a:hover {
    color: var(--tangerine) !important;
}

#login h1 a,
.login h1 a {
    background-image: url('../svgs/admin-logo.svg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 104px;
    margin-bottom: 30px;
    width: 142px;
}

a,
.wp-core-ui .button-link:hover,
.update-message p::before {
    color: var(--midnight) !important;
}

a:hover {
    color: var(--iris) !important;
}

a:focus,
a:focus .media-icon img,
a:focus .plugin-icon,
.wp-person a:focus .gravatar,
.wp-core-ui .button-link:focus,
.post-type-acf-field-group a:focus,
.acf-switch:focus,
.acf-switch.-focus {
    border-radius: 2px;
    box-shadow: 0 0 0 1px var(--iris), 0 0 2px 1px #3B4CA850 !important;
}

.wp-core-ui .button-link:hover,
.update-message p::before {
    color: var(--twilight) !important;
}

.login .button.wp-hide-pw {
    color: var(--iris) !important;
}

.login .button.wp-hide-pw:focus {
    border-color: var(--iris) !important;
    box-shadow: 0 0 0 1px var(--iris) !important;
}

#adminmenu .wp-submenu a:hover,
.wp-core-ui .button-link,
.acf-tooltip a[data-event="confirm"],
.acf-tooltip a:hover {
    color: var(--tangerine)  !important;
}

.wp-core-ui .button-secondary:focus,
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.notice-dismiss:focus {
    box-shadow: 0 0 0 1px var(--iris), 0 0 2px 1px #3B4CA840 !important;
}

.wp-core-ui .button.button-large#wp-submit:focus {
    background: var(--iris) !important;
}

#adminmenu .wp-submenu a:hover {
    color: #9DAAF2 !important;
}

.wp-core-ui .button-primary,
.wp-core-ui .button-group.button-large .button,
.wp-core-ui .button.button-large,
.wp-core-ui .button-primary:disabled,
.wp-core-ui .button-primary[disabled] {
    background-color: var(--twilight) !important;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: var(--white) !important;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 0 16px;
    text-shadow: none;
    text-transform: uppercase;
    transition: .15s ease;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-group.button-large .button:hover,
.wp-core-ui .button.button-large:hover {
    background: var(--tangerine) !important;
}

.wp-core-ui .button-primary:disabled,
.wp-core-ui .button-primary[disabled] {
    background-color: var(--twilight) !important;
    color: var(--white) !important;
    opacity: .6 !important;
}

.wp-core-ui .button.button-large {
    padding: 3px 16px;
}

.admin-email__actions .admin-email__actions-primary .button.button-large#correct-admin-email {
    background: var(--iris) !important;
}

.admin-email__actions .admin-email__actions-primary .button.button-large#correct-admin-email:hover {
    background: var(--tangerine) !important;
}

#wpadminbar {
    background-color: var(--twilight) !important;
}

.login form {
    padding-bottom: 24px !important;
}

.login form .forgetmenot {
    float: none !important;
    margin: -4px 0 16px !important;
}

.wp-core-ui .button.button-large#wp-submit {
    background: var(--iris) !important;
    margin: 0 0 0 !important;
    padding: 6px 24px !important;
    width: 100%;
}

.wp-core-ui .button.button-large#wp-submit:hover {
    background: var(--tangerine) !important;
}

.login a.privacy-policy-link {
    color: var(--lavender) !important;
}

.login a.privacy-policy-link:hover {
    color: var(--white) !important;
}

/***************************************************************************************************************************************************************************************/

/*INPUT STYLES*/

/***************************************************************************************************************************************************************************************/

input[type]:not([type=submit]):hover,
select:hover,
textarea:hover {
    border-color: var(--lavender) !important;
    color: var(--twilight) !important;
}

input[type]:not([type=submit]):focus,
select:focus,
textarea:focus {
    border-color: var(--iris) !important;
    box-shadow: none !important;
    color: var(--twilight) !important;
}

input[type=radio]:checked::before {
    background-color: var(--iris) !important;
}

input[type=checkbox]:checked::before {
    filter: hue-rotate(45deg) brightness(.9);
}

input[type=radio]:hover,
input[type=checkbox]:hover {
    background-color: var(--white) !important;
}

input[type=radio]:checked,
input[type=radio]:focus-visible,
input[type=checkbox]:checked,
input[type=checkbox]:focus-visible {
    background-color: var(--white) !important;
    border-color: var(--iris) !important;
}

input[type=radio]:checked:before,
input[type=radio]:focus-visible:before {
    background-color: var(--iris) !important;
    border-radius: 50% !important;
    content: "" !important;
    height: 0.5rem !important;
    left: 0 !important;
    line-height: 1.14285714 !important;
    margin: 0.1875rem !important;
    top: 0 !important;
    width: 0.5rem !important;
}