@font-face {
	font-family: 'w3K';
	src:	url('w3K.eot?6w55uz');
	src:	url('w3K.eot?6w55uz#iefix') format('embedded-opentype'),
			url('w3K.ttf?6w55uz') format('truetype'),
			url('w3K.woff?6w55uz') format('woff'),
			url('w3K.svg?6w55uz#w3K') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="dashicons-w3K-"], [class*=" dashicons-w3K-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'w3K' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.dashicons-w3K-3K:before {
	content: "\e900";
	font-family: 'w3K' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.dashicons-w3K-3Kw:before {
	content: "\e901";
	color: #fdfdfd;
	font-family: 'w3K' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.dashicons-w3K-w3K:before {
	content: "\e902";
	font-family: 'w3K' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.dashicons-w3K-w3Kw:before {
	content: "\e903";
	color: #fbfbfb;
	font-family: 'w3K' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.dashicons-w3K-w3Ksec:before {
	content: "\e904";
	font-family: 'w3K' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.dashicons-w3K-w3Ksecw:before {
	content: "\e905";
	color: #fbfbfb;
	font-family: 'w3K' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}




/* ====================================================================================== */

/* Dark Theme for WordPress Login Page Elements with Rounded Corners */

/* Style for the login form */
.login form {
    background: #333; /* Dark background for the form */
    border: 1px solid #222; /* Subtle border for the form */
    box-shadow: 0 2px 4px rgba(0,0,0,.2); /* Soft shadow for depth */
    color: #c5c5c5; /* Light text color */
    border-radius: 10px; /* Rounded corners */
    padding-bottom: 20px; /* Add padding to avoid touching the dashicon links */
}

/* Style for input fields */
.login input[type="text"],
.login input[type="password"],
.login input[type="checkbox"] {
    background-color: #555; /* Darker background for inputs */
    border: 1px solid #444; /* Subtle border for inputs */
    color: #fff; /* White text for inputs */
    box-shadow: inset 0 1px 2px rgba(0,0,0,.2); /* Inner shadow for depth */
}

/* Style for input fields when focused */
.login input[type="text"]:focus,
.login input[type="password"]:focus {
    border-color: #666; /* Slightly lighter border for focused inputs */
    box-shadow: 0 0 2px rgba(255,255,255,.2); /* Outer glow effect */
}

/* Style for buttons */
.login .button-primary {
    background: #f90; /* Orange background for buttons */
    border-color: #e67e00; /* Slightly darker border for buttons */
    box-shadow: 0 1px 0 #e67e00; /* Subtle shadow for depth */
    color: #fff; /* White text for buttons */
    text-shadow: 0 -1px 1px rgba(0,0,0,.1); /* Text shadow for depth */
}

/* Style for buttons on hover/focus */
.login .button-primary:hover,
.login .button-primary:focus {
    background: #fc9200; /* Slightly lighter orange on interaction */
}

/* Style for links */
.login #nav a,
.login #backtoblog a,
.login #nav a:hover,
.login #backtoblog a:hover,
.login .privacy-policy-page-link a,
.login .privacy-policy-page-link a:hover {
    color: #c5c5c5 !important; /* Light text for links */
    text-shadow: 0 1px rgba(0,0,0,.2); /* Text shadow for depth */
}

/* Style for 'Lost your password?' and 'Back to <site>' links on hover */
.login #nav a:hover,
.login #backtoblog a:hover {
    color: #f90 !important; /* Orange color for link interaction */
}

/* Style for error messages */
.login .message,
.login #login_error {
    border-left-color: #f90; /* Orange border for messages */
    background: #333; /* Dark background for messages */
    color: #c5c5c5; /* Light text for messages */
    box-shadow: 0 1px 3px rgba(0,0,0,.2); /* Soft shadow for depth */
}

/* Style for the checkbox label */
.login .forgetmenot label {
    color: #c5c5c5; /* Light text for 'Remember Me' */
}

/* Style for dashicon links in the login box */
#loginform .dashicons,
#registerform .dashicons {
    font-size: 20px; /* Adjust size as needed */
    color: #c5c5c5; /* Light text color for icons */
    text-decoration: none; /* No underline */
    vertical-align: middle; /* Align with text if there's any */
    display: inline-block; /* Ensure proper spacing and alignment */
}

#loginform .dashicons:hover,
#registerform .dashicons:hover {
    color: #f90; /* Orange color for icon interaction */
}

/* Positioning the icons at the bottom-left of the login box */
#loginform,
#registerform {
    position: relative; /* Needed to position the icons absolutely within the box */
}

#loginform .dashicons,
#registerform .dashicons {
    position: absolute; /* Absolute positioning within the login box */
    top: 10px; /* 10px from the bottom */
    right: 24px; /* Start from 10px from the left and use marginRight for spacing */
}

/* Admin Bar Menu - Add border around entire w3K dropdown */
#wp-admin-bar-w3K-adminBar-Logo-default {
    border: 1px solid rgba(128, 128, 128, 0.7) !important;
    box-sizing: border-box;
}

/* Admin Bar Separator - A robust horizontal line */
#wp-admin-bar-w3K-adminBar-separator-1,
#wp-admin-bar-w3K-adminBar-separator-2 {
    margin: 6px 0 !important; /* Creates vertical space */
    padding: 0 !important;
    height: 1px !important; /* Defines a clear height */
    background-color: rgba(128, 128, 128, 0.5) !important; /* The separator line */
    pointer-events: none !important; /* Disables clicks */
}

/* Hide the inner link of the separator completely */