/*--------------------------------------------------------------
Admin Stylesheet
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Sofia+Pro:ital,wght@0,400;0,600;0,700;1,400&display=swap');

:root {

	/* Colors */
	--color-deep-space: #1D1D40;
	--color-cosmos-1: #303051;
	--color-cosmos-2: #4A4A66;
	--color-cosmos-3: #77778C;
	--color-cosmos-4: #A5A5B3;
	--color-cosmos-5: #DBDBE0;
	--color-white: #ffffff;

	--color-atmos: #58C8F9;
	--color-neptune: #1082ff;
	--color-nebula: #5858DB;
	--color-oxide: #F95555;
	--color-launch: #F28D2A;
	--color-sol: #F9C021;

	--color-pastel-atmos: #C0EFFF;
	--color-pastel-neptune: #92CBFF;
	--color-pastel-nebula: #ABABF4;
	--color-pastel-oxide: #FCA7A7;
	--color-pastel-launch: #F7C18F;
	--color-pastel-sol: #F9DC93;

	/* Gradients */
	--gradient-orbit: linear-gradient(97deg, var(--color-nebula), var(--color-atmos));
	--gradient-horizon: linear-gradient(97deg, var(--color-neptune), var(--color-atmos));
	--gradient-mars: linear-gradient(97deg, var(--color-oxide), var(--color-sol));
	--gradient-burn: linear-gradient(97deg, var(--color-launch), var(--color-sol));

	/* Font Family */
	--font-body: sofia-pro, sans-serif;
	--font-italic: ivypresto-headline, serif;

	/* Font Weight */
	--regular: 400;
	--bold: 600;
	--italic: 600;

	/* Font Size */
	--font-size-body: 1rem;
	--font-size-h1: 4.0625rem;
	--font-size-h2: 3.125rem;
	--font-size-h2-alt: 2.1875rem;
	--font-size-h3: 1.75rem;
	--font-size-h3-alt: 2.5rem;
	--font-size-h4: 1.125rem;
	--font-size-h5: 1.5rem;
	--font-size-small: 0.875rem;

	/* Line Height */
	--line-height-body: 1.875rem;
	--line-height-h1: 4.1rem;
	--line-height-h2: 3.75rem;
	--line-height-h2-alt: 3.125rem;
	--line-height-h3: 2.1875rem;
	--line-height-h3-alt: 2.96875rem;
	--line-height-h4: 1.875rem;
	--line-height-h5: 2rem;
	--line-height-small: 1.25rem;

	/* Letter Spacing */
	--letter-spacing-h1: -0.08125rem;
	--letter-spacing-h1-alt: 0.040625rem;
	--letter-spacing-h2: -0.0625rem;
	--letter-spacing-h2-alt: -0.04375rem;
	--letter-spacing-h3: -0.035rem;
	--letter-spacing-h3-alt: -0.05rem;
	--letter-spacing-h4: -0.0225rem;
	--letter-spacing-h5: -0.03rem;

	/* Margins */
	--container-margin: 9.375rem;
	--container-small-margin: 15.625rem;
	--container-margin-mobile: 4.6875rem;
	--margin-small: 0.875rem;

	/* Space */
	--space: 2.2vmax;

}

*, *:before, *:after {
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;

	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

/* Login
--------------------------------------------- */
.login {
	display: flex;
	font-family: var(--font-body);
    background: var(--color-deep-space) !important;
	padding: 0 !important;
    margin: 0px auto 0px auto !important;
	align-content: center;
	justify-content: center;
    overflow: hidden;
	color: var(--color-white);
}

.login a:focus {
    -webkit-box-shadow: 0 0 0 0px #5b9dd9, 0 0 0px 0px rgba(30, 140, 190, .8);
    box-shadow: 0 0 0 0px #5b9dd9, 0 0 0px 0px rgba(30, 140, 190, .8);
}

.login h1 {
	margin-bottom: 2rem;
}

.login h1 a {
	background-size: 100%;
}

#login {
	padding-top: 0 !important;
}

.login form {
	background: var(--color-deep-space);
	padding: 0;
	border-color: transparent;
	box-shadow: 0 0px 0px rgba(0,0,0,.04);
	border-radius: 0 !important;
	margin-bottom: 1rem;
}

.login label {
	color: var(--color-black);
	font-family: var(--font-body);
	font-size: var(--font-size-body) !important;
	margin-bottom: 0.5rem;
}

.login #backtoblog,
.login #nav,
.login .forgetmenot label,
.login .pw-weak label {
	font-family: var(--font-body);
}

.login #backtoblog,
.login #nav{
	margin-top: 1rem;
}

.login #backtoblog {
	padding-left: 0 !important;
}

.login #nav {
	padding-right: 0 !important;
}

.login #backtoblog a,
.login #nav a {
	color: var(--color-light-grey);
	transition: all .3s;
	font-family: var(--font-bold);
}

.login #backtoblog a:hover {
	color: var(--color-atmos) !important;
}

.login #nav a {
	color: var(--color-light-grey);
}

.login #nav a:hover {
	color: var(--color-atmos) !important;
}

.login #backtoblog {
	max-width: 50%;
	float: left;
	margin-top: 1rem;
	padding-left: 0;
}

.login #nav {
	max-width: 50%;
	float: right;
	margin-top: 1rem;
	padding-right: 0;
}

@media screen and (min-width: 992px) {

	#login {
		min-width: 25rem;
	}
	
	.login h1 a {
		width: 60%;
	}

}

@media screen and (max-width: 992px) {

	#login {
		min-width: 90%;
	}

	.login h1 a {
		width: 14rem;
	}

	.login #backtoblog {
		padding-left: 1rem;
	}
	
	.login #nav {
		padding-right: 1rem;
	}

}

/* Form
--------------------------------------------- */

.login form .input,
.login input[type=password],
.login input[type=text] {

	font-size: 0.9rem;
	color: var(--color-white);
	background: var(--color-blue);
	padding: 0.35rem 0.6rem 0.35rem 0;
	border-radius: 0;
	border-top: 0px !important;
	border-left: 0px !important;
	border-right: 0px !important;
	border-bottom: 0.125rem solid var(--color-cosmos-5);
	transition: all .5s;

	line-height: 1.33333333;
	width: 100%;
	margin: 0 0 1.5rem 0;
	min-height: 40px;
	max-height: none;
	box-shadow: 0 0 0 transparent;
	outline: none !important;
}

.login form .input:hover,
.login input[type=password]:hover,
.login input[type=text]:hover {
	border-color: var(--color-atmos);
}

.login form .input:focus,
.login input[type=password]:focus,
.login input[type=text]:focus {
	border-color: var(--color-atmos);
}

.login form .input:hover,
.login form .input:focus {
}


.button {
	font-family: var(--font-bold);
	font-size: 1.1rem !important;
	min-width: 10.46rem;
	padding: 0.1rem 1.2rem 0.4rem !important;
	border: 0.2rem solid;
	border-radius: 0;
	position: relative;
	z-index: 1 !important;
	outline: none !important;
}

.login .button.button-large {
	box-shadow: 0;
	font-family: var(--font-bold);
	font-size: 1rem !important;
	font-weight: bold !important;
	min-width: 10rem;
	padding: 0 !important;
	border: 0.107rem solid !important;
	border-radius: 0.3rem;
	position: relative;
	z-index: 1 !important;
	color: var(--color-deep-space) !important;
	border-color: var(--color-white) !important;
	background: var(--color-white);
	transition: all .5s ease-in-out;
}

.login .button.button-large:hover {
	background: var(--color-deep-space);
	color: var(--color-white) !important;
}

.login .button.wp-hide-pw .dashicons {
	top: 7px;
	right: 1rem;
	color: var(--color-white);
}

.login form .forgetmenot {
	margin-top: 0.65rem;
}

.login input[type=checkbox],
.login input[type=radio] {
	background: var(--color-blue) !important;
	border: solid 1.5px var(--color-white);
	transition: all .5s;
	box-shadow: 0 0 0 transparent;
	border-radius: 0px;
}

input[type=checkbox]:checked::before {
	filter: brightness(0) invert(1) !important;
}

.user-pass-wrap {
	margin-bottom: 1rem;
}

.wp-core-ui .button, .wp-core-ui .button-secondary {
	color: var(--color-dark-blue) !important;
}

/* Messages */
.login #login_error,
.login .message,
.login .success {
	padding: 1em 2em;
	margin: 0;
	position: relative;
	border: 0;
	border-radius: 0.4rem;
	background: var(--color-oxide) !important;
	color: var(--color-white);
	list-style: none outside;
	width: auto;
	word-wrap: break-word;
	box-shadow: 0 0px 0px 0 rgba(0,0,0,.1);
}

.login #login_error {
	background: #f6dac6;
	box-shadow: 0 0px 0px 0 rgba(0,0,0,.1);
}

/* Miscellaneous */
.language-switcher {
	display: none !important;
}


#backtoblog{
    display: none;
}