/* -----------------------------------------------------------------------------
 * WordPress Login CSS
 *
 * DO NOT EDIT THIS CSS FILE DIRECTLY. IT IS GENERATED BY GULP.
 * -------------------------------------------------------------
 * This file is just a clearing-house. See the assets/css/src directory
 * and edit the source files found at: "admin/login.pcss"
 *
 * TODO: Split into "component" partial.
 *
 * ----------------------------------------------------------------------------- */

/* Theme Variables */

/* -----------------------------------------------------------------------------
 *
 * Variables
 *
 * This file is just a clearing-house.
 * Make partials (start with an underscore) elsewhere for actual code.
 *
 * ----------------------------------------------------------------------------- */

/* Colors */

/* -----------------------------------------------------------------------------
 *
 * Variables: Color
 *
 * ----------------------------------------------------------------------------- */

:root {
	/* -----------------------------------------------------------------------------
	 * Gradients
	 * ----------------------------------------------------------------------------- */

	--color-tribe-gradient: linear-gradient(to right, #08d698 0.05%, #3050e5 37.85%, #b66cff 68.42%, #fc8dbb 99.96%);
	--color-tribe-gradient-vertical: linear-gradient(to bottom, #08d698 0.05%, #3050e5 37.85%, #b66cff 68.42%, #fc8dbb 99.96%);
	--color-tribe-gradient-radial: radial-gradient(161.35% 261.52% at -36.87%, at -43.04%, #08d698 0%, #3050e5 28.13%, #b66cff 68.43%, #fc8dbb 100%);
	--color-tribe-gradient-radial: radial-gradient(161.35% 261.52% at -36.87% -43.04%, #08d698 0%, #3050e5 28.13%, #b66cff 68.43%, #fc8dbb 100%);

	/* -----------------------------------------------------------------------------
	 * Greens
	 * ----------------------------------------------------------------------------- */

	--color-pipeline: rgba(58, 217, 169, 1);

	/* -----------------------------------------------------------------------------
	 * Blues
	 * ----------------------------------------------------------------------------- */

	--color-screen-blue: rgba(48, 80, 229, 1);
	--color-tribe-blue: rgba(0, 160, 210, 1);

	/* -----------------------------------------------------------------------------
	 * Pinks
	 * ----------------------------------------------------------------------------- */

	--color-bubblegum: rgba(255, 126, 173, 1);

	/* -----------------------------------------------------------------------------
	 * Oranges
	 * ----------------------------------------------------------------------------- */

	--color-brave-orange: rgba(244, 92, 66, 1);

	/* -----------------------------------------------------------------------------
	 * Yellows
	 * ----------------------------------------------------------------------------- */

	--color-always-sunny: rgba(252, 213, 76, 1);

	/* -----------------------------------------------------------------------------
	 * Purples
	 * ----------------------------------------------------------------------------- */

	--color-purple-crayon: rgba(182, 108, 255, 1);

	/* -----------------------------------------------------------------------------
	 * Whites
	 * ----------------------------------------------------------------------------- */

	--color-white: rgba(255, 255, 255, 1);

	/* -----------------------------------------------------------------------------
	 * Neutral: Grey
	 * ----------------------------------------------------------------------------- */

	--color-neutral-0: rgba(255, 255, 255, 1);
	--color-neutral-10: rgba(225, 225, 225, 1);
	--color-neutral-20: rgba(200, 200, 200, 1);
	--color-neutral-30: rgba(169, 170, 170, 1);
	--color-neutral-50: rgba(105, 105, 105, 1);
	--color-neutral-70: rgba(64, 64, 64, 1);
	--color-neutral-90: rgba(21, 21, 21, 1);

	/* -----------------------------------------------------------------------------
	 * Greys
	 * ----------------------------------------------------------------------------- */

	--color-kinda-grey: rgba(245, 245, 245, 1);
	--color-terminal-grey: rgba(208, 208, 208, 1);
	--color-grey-neutral: var(--color-neutral-50);
	--color-grey-light: var(--color-kinda-grey);
	--color-grey: var(--color-kinda-grey);
	--color-grey-dark: var(--color-terminal-grey);

	/* -----------------------------------------------------------------------------
	 * Blacks
	 * ----------------------------------------------------------------------------- */

	--color-black: rgba(0, 0, 0, 1);
	--color-night-shift: rgba(24, 24, 30, 1);
	--color-deep-space-nine: rgba(53, 53, 61, 1);

	/* -----------------------------------------------------------------------------
	 * Blacks
	 * ----------------------------------------------------------------------------- */

	--color-transparent: transparent;

	/* -----------------------------------------------------------------------------
	 * Primary
	 * ----------------------------------------------------------------------------- */

	--color-primary: var(--color-screen-blue);
	--color-secondary: var(--color-tribe-blue);

	/* -----------------------------------------------------------------------------
	 * Text
	 * ----------------------------------------------------------------------------- */

	--color-text: var(--color-black);

	/* -----------------------------------------------------------------------------
	 * Borders
	 * ----------------------------------------------------------------------------- */

	--color-border: var(--color-terminal-grey);

	/* -----------------------------------------------------------------------------
	 * Alerts
	 * ----------------------------------------------------------------------------- */

	--color-alert-positive: rgba(13, 219, 145, 1);
	--color-alert-negative: rgba(187, 50, 0, 1);
	--color-alert-neutral: rgba(3, 134, 255, 1);

	/* -----------------------------------------------------------------------------
	 * Social
	 * ----------------------------------------------------------------------------- */

	--color-facebook: #3b5998;
	--color-linkedin: #0077b5;
	--color-outlook: #0072c6;
	--color-pinterest: #bd081c;
	--color-twitter: #0084b4;

	/* -----------------------------------------------------------------------------
	 * Box Shadows
	 * ----------------------------------------------------------------------------- */

	--box-shadow-10: 0 2px 6px rgba(21, 21, 21, 0.1);
	--box-shadow-20: 0 4px 12px rgba(21, 21, 21, 0.15);
	--box-shadow-20-hover: 0 4px 12px rgba(21, 21, 21, 0.3);
	--box-shadow-30: 0 4px 40px rgba(21, 21, 21, 0.1);

	/* -----------------------------------------------------------------------------
	 * Block Background
	 * ----------------------------------------------------------------------------- */

	--block-background: transparent;
}

/* -----------------------------------------------------------------------------
* Block Wrapper Overrides
* ----------------------------------------------------------------------------- */

.text-color-white {
	--color-light-invert: #000;
	--color-dark-invert: #fff;
}

.text-color-black {
	--color-light-invert: #fff;
	--color-dark-invert: #000;
}

[data-theme="black"] .page-effect-gradient {
		--block-background: transparent;
	}

/* Globals */

/* -----------------------------------------------------------------------------
 *
 * Variables: Globals
 *
 * ----------------------------------------------------------------------------- */

:root {
	/* -----------------------------------------------------------------------------
	 * Colors
	 * ----------------------------------------------------------------------------- */

	--color-bgd: var(--color-light-invert);
	--color-bgd-content: var(--color-light-invert);
	--color-bgd-selection: rgba(182, 108, 255, 0.3);
	--color-text-selection: var(--color-text);
	--site-header-height: 100px;
}

/* Forms */

/* -----------------------------------------------------------------------------
 *
 * Variables: Forms
 *
 * ----------------------------------------------------------------------------- */

:root {
	/* -----------------------------------------------------------------------------
	 * Colors
	 * ----------------------------------------------------------------------------- */

	--form-color: var(--color-dark-invert);
	--form-color-secondary: var(--color-neutral-50);
	--form-color-success: var(--color-black);
	--form-color-error: var(--color-alert-negative);
	--form-color-error-bgd: rgba(187, 50, 0, 0.1);

	/* -----------------------------------------------------------------------------
	 * Fonts
	 * ----------------------------------------------------------------------------- */

	--form-font-family: var(--font-family-base);
	--form-font-size: 36px;
	--form-font-size-small: 24px;
	--form-font-size-secondary: 14px; /* Label & Legend */
	--form-font-weight-secondary: 600; /* Label & Legend */
	--form-font-size-tertiary: 11px; /* Helper Text & Descriptions */
	--form-font-weight-tertiary: 400; /* Helper Text & Descriptions */
	--form-letter-spacing: normal;
	--form-text-transform: none;

	/* -----------------------------------------------------------------------------
	 * Spacing
	 * ----------------------------------------------------------------------------- */

	--form-margin: 28px;
	--form-margin-small: var(--spacer-10); /* Radio/Checkbox Controls, Helper Text */
	--form-padding-horizontal: var(--spacer-20);
	--form-padding-vertical: 12px;

	/* -----------------------------------------------------------------------------
	 * Borders
	 * ----------------------------------------------------------------------------- */

	--form-border-color: var(--color-neutral-30);
	--form-border-color-focus: var(--color-night-shift);
	--form-border-color-focus-invert: var(--color-white);
	--form-border-size: 1px;
	--form-border-size-focus: var(--form-border-size);
	--form-border-radius: 0;

	/* -----------------------------------------------------------------------------
	 * Placeholder
	 * ----------------------------------------------------------------------------- */

	--form-placeholder-color: var(--color-light-invert);
	--form-placeholder-color-focus: var(--color-neutral-20);

	/* -----------------------------------------------------------------------------
	 * Controls
	 * ----------------------------------------------------------------------------- */

	--form-control-bgd-color: inherit;
	--form-control-color: var(--color-dark-invert);
	--form-control-font-style: normal;
	--form-control-font-weight: 400;
	--form-control-font-size: var(--form-font-size);
	--form-control-font-size-small: var(--form-font-size-small);
	--form-control-font-line-height: 1.5;
	--form-control-font-family: var(--form-font-family);
	--form-control-height: 48px;
	--form-control-letter-spacing: var(--form-letter-spacing);
	--form-control-margin-bottom: var(--form-margin);
	--form-control-margin-bottom-mobile: calc(var(--form-margin) - 4px);
	--form-control-padding: 4px;
	--form-control-text-transform: var(--form-text-transform);

	/* -----------------------------------------------------------------------------
	 * Control Icon
	 * ----------------------------------------------------------------------------- */

	--form-control-icon-position-right: 0;
	--form-control-icon-position-top: 0;

	/* -----------------------------------------------------------------------------
	 * Control: Textarea
	 * ----------------------------------------------------------------------------- */

	--form-control-textarea-height: 225px;
	--form-control-textarea-padding: 14px var(--form-padding-horizontal);

	/* -----------------------------------------------------------------------------
	 * Control: Select
	 * ----------------------------------------------------------------------------- */

	--form-control-select-padding-right: calc(var(--form-control-select-ui-width) + var(--form-padding-horizontal));
	--form-control-select-ui-color: var(--color-grey-dark);
	--form-control-select-ui-width: var(--form-control-height);
	--form-control-select-ui-bgd-color: var(--color-light-invert);
	--form-control-select-ui-bgd-color-hover: var(--color-grey);
	--form-control-select-ui-font-size: 25px;

	/* -----------------------------------------------------------------------------
	 * Control: Radio & Checkbox
	 * ----------------------------------------------------------------------------- */

	--form-control-radio-checkbox-margin-top: var(--spacer-40);
	--form-control-radio-checkbox-padding-left: var(--spacer-40);
	--form-control-radio-checkbox-ui-border-color: var(--form-border-color);
	--form-control-radio-checkbox-ui-border-color-focus: var(--color-neutral-70);
	--form-control-radio-checkbox-ui-border-size: var(--form-border-size);
	--form-control-radio-checkbox-ui-border-size-focus: var(--form-border-size-focus);
	--form-control-radio-checkbox-ui-bgd-color: var(--form-control-bgd-color);
	--form-control-radio-checkbox-ui-bgd-color-checked: var(--color-neutral-90);
	--form-control-radio-checkbox-ui-bgd-color-checked-invert: var(--color-white);
	--form-control-radio-checkbox-ui-color: var(--color-white);
	--form-control-checkbox-size: calc(var(--form-control-height)/2 - 2px);
	--form-control-checkbox-position-top: -1px;
	--form-control-checkbox-position-left: 0;

	/* -----------------------------------------------------------------------------
	 * Control: File
	 * ----------------------------------------------------------------------------- */

	--form-control-file-padding: var(--form-padding-vertical) var(--form-padding-horizontal);

	/* -----------------------------------------------------------------------------
	 * Control Helper Text
	 * ----------------------------------------------------------------------------- */

	--form-control-helper-font-weight: var(--form-font-weight-tertiary);
	--form-control-helper-font-size: var(--form-font-size-tertiary);
	--form-control-helper-font-line-height: 1.18;
	--form-control-helper-font-family: var(--form-font-family);
	--form-control-helper-letter-spacing: 0.5px;
	--form-control-helper-text-transform: var(--form-text-transform);
}

/* Grid */

/* -----------------------------------------------------------------------------
 *
 * Variables: Grid
 *
 * ----------------------------------------------------------------------------- */

:root {
	/* -----------------------------------------------------------------------------
	 * Gutters
	 * ----------------------------------------------------------------------------- */

	/* Gutter & Margin - Default */
	--grid-margin: 48px;
	--grid-gutter: 72px;
	--grid-margin-negative: calc(var(--grid-margin)*-1);
	--grid-gutter-negative: calc(var(--grid-gutter)*-1);
	--grid-gutter-half: calc(var(--grid-gutter)/2);
	--grid-gutter-half-negative: calc(var(--grid-gutter-half)*-1);

	/* Gutter & Margin - Medium */
	--grid-margin-medium: 48px;
	--grid-gutter-medium: 72px;
	--grid-margin-medium-negative: calc(var(--grid-margin-medium)*-1);
	--grid-gutter-medium-negative: calc(var(--grid-gutter-medium)*-1);
	--grid-gutter-medium-half: calc(var(--grid-gutter-medium)/2);
	--grid-gutter-medium-half-negative: calc(var(--grid-gutter-medium-half)*-1);

	/* Gutter & Margin - Small */
	--grid-margin-small: 24px;
	--grid-gutter-small: 24px;
	--grid-margin-small-negative: calc(var(--grid-margin-small)*-1);
	--grid-gutter-small-negative: calc(var(--grid-gutter-small)*-1);
	--grid-gutter-small-half: calc(var(--grid-gutter-small)/2);
	--grid-gutter-small-half-negative: calc(var(--grid-gutter-small-half)*-1);

	/* Grid Column Max Widths */
	--grid-1-col: 64px;
	--grid-2-col: calc(var(--grid-1-col)*2 + var(--grid-gutter));
	--grid-3-col: calc(var(--grid-1-col)*3 + var(--grid-gutter)*2);
	--grid-4-col: calc(var(--grid-1-col)*4 + var(--grid-gutter)*3);
	--grid-5-col: calc(var(--grid-1-col)*5 + var(--grid-gutter)*4);
	--grid-6-col: calc(var(--grid-1-col)*6 + var(--grid-gutter)*5);
	--grid-7-col: calc(var(--grid-1-col)*7 + var(--grid-gutter)*6);
	--grid-8-col: calc(var(--grid-1-col)*8 + var(--grid-gutter)*7);
	--grid-9-col: calc(var(--grid-1-col)*9 + var(--grid-gutter)*8);
	--grid-10-col: calc(var(--grid-1-col)*10 + var(--grid-gutter)*9);
	--grid-11-col: calc(var(--grid-1-col)*11 + var(--grid-gutter)*10);
	--grid-12-col: calc(var(--grid-1-col)*12 + var(--grid-gutter)*11);

	/* Grid Widths */
	--grid-width: var(--grid-12-col);
	--grid-width-staggered: var(--grid-6-col);
	--grid-width-staggered-double: var(--grid-10-col);
	--grid-width-full-bleed: 1600px;

	/* Grid Max Widths - Grid + Outer Margins */
	--grid-max-width: calc(var(--grid-width) + var(--grid-margin)*2);
	--grid-max-width-staggered: calc(var(--grid-width-staggered) + var(--grid-margin)*2);
	--grid-max-width-staggered-double: calc(var(--grid-width-staggered-double) + var(--grid-margin)*2);
}

/* Icons */

/* -----------------------------------------------------------------------------
 *
 * Variables: Icons (via IcoMoon)
 *
 * This file is generated using the `gulp icons` task. Do not edit it directly.
 *
 * ----------------------------------------------------------------------------- */

:root {
	--icon-arrow-up: "\e912";
	--icon-arrow-down: "\e913";
	--icon-arrow-left: "\e914";
	--icon-arrow-right: "\e915";
	--icon-search: "\e900";
	--icon-search1: "\e901";
	--icon-small: "\e901";
	--icon-plus: "\e902";
	--icon-play: "\e903";
	--icon-more: "\e904";
	--icon-minus: "\e905";
	--icon-link: "\e906";
	--icon-hamburger: "\e907";
	--icon-close: "\e908";
	--icon-close1: "\e909";
	--icon-small1: "\e909";
	--icon-chevron-up: "\e90a";
	--icon-small2: "\e90a";
	--icon-chevron-right: "\e90b";
	--icon-chevron-right1: "\e90c";
	--icon-small3: "\e90c";
	--icon-chevron-left: "\e90d";
	--icon-small4: "\e90d";
	--icon-chevron-down: "\e90e";
	--icon-chevron-down1: "\e90f";
	--icon-small5: "\e90f";
	--icon-check-small: "\e910";
	--icon-attachment: "\e911";
	--icon-arrow-circle-up: "\e916";
	--icon-arrow-circle-right: "\e917";
	--icon-arrow-circle-left: "\e918";
	--icon-arrow-circle-down: "\e919";
	--icon-twitter: "\e91a";
	--icon-linkedin: "\e91b";
	--icon-facebook: "\e91c";
	--icon-dribbble: "\e91d";
	--icon-github: "\e91e";
}

/* Media */

/* -----------------------------------------------------------------------------
 *
 * Variables: Media
 *
 * ----------------------------------------------------------------------------- */

:root {
	--wp-oembed-bgd: var(--color-grey);
	--transition-wp-playlist-icon: background-color 0.2s, transform 0.2s ease;
}

/* Media Queries */

/* -----------------------------------------------------------------------------
 *
 * Variables: Media Queries
 *
 * Utilizes: PostCSS Custom Media
 * https://github.com/postcss/postcss-custom-media
 *
 * ----------------------------------------------------------------------------- */

/* Spacing */

/* -----------------------------------------------------------------------------
 *
 * Variables: Spacers
 *
 * ----------------------------------------------------------------------------- */

:root {
	/* -----------------------------------------------------------------------------
	 * Spacers (margin & padding)
	 * ----------------------------------------------------------------------------- */

	--spacer-10: 8px;
	--spacer-20: 16px;
	--spacer-30: 24px;
	--spacer-40: 32px;
	--spacer-50: 40px;
	--spacer-60: 48px;
	--spacer-70: 64px;
	--spacer-80: 96px;
	--spacer-90: 160px;

	/* -----------------------------------------------------------------------------
	 * Spacers for blocks margin / padding
	 * ----------------------------------------------------------------------------- */

	--spacer-block-desktop: 60px;

	/* -----------------------------------------------------------------------------
	 * Spacers (WP Admin Bar)
	 * ----------------------------------------------------------------------------- */

	--spacer-wpadmin-mobile: 46px;
	--spacer-wpadmin-desktop: 32px;
}

/* Transitions */

/* -----------------------------------------------------------------------------
 *
 * Variables: Transitions
 *
 * ----------------------------------------------------------------------------- */

:root {
	/* -----------------------------------------------------------------------------
	 * Easing
	 * ----------------------------------------------------------------------------- */

	/* Easing: Sine */
	--ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
	--ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
	--ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);

	/* Easing: Quad */
	--ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
	--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	--ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);

	/* Easing: Cubic */
	--ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	--ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
	--ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);

	/* Easing: Quart */
	--ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
	--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
	--ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);

	/* Easing: Quint */
	--ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
	--ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
	--ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);

	/* Easing: Expo */
	--ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
	--ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
	--ease-in-out-expo: cubic-bezier(1, 0, 0, 1);

	/* Easing: Circ */
	--ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
	--ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
	--ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);

	/* Easing: Back */
	--ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
	--ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	--ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);

	/* -----------------------------------------------------------------------------
	 * Transitions
	 * ----------------------------------------------------------------------------- */

	--transition: all 0.15s ease-in-out;
	--transition-opacity: opacity 0.3s ease;
	--transition-ease-out-opacity: opacity 0.25s ease-out;
	--transition-ease-in-opacity: opacity 0.25s 0.3s ease-in;

	/* -----------------------------------------------------------------------------
	 * Animations
	 * ----------------------------------------------------------------------------- */

	--image-paralax: translateY(calc(var(--translateRatio)*30px)) scale(1.2);
}

/* Typography */

/* -----------------------------------------------------------------------------
 *
 * Variables: Typography
 *
 * ----------------------------------------------------------------------------- */

:root {
	/* -----------------------------------------------------------------------------
	 * Font Families
	 * ----------------------------------------------------------------------------- */

	--font-family-tiempos: 'tiemposHeadline-light', serif;
	--font-family-tiempos-medium: 'tiemposHeadline-medium', serif;
	--font-family-calibre-regular: 'calibre-regular', sans-serif;
	--font-family-calibre-medium: 'calibre-medium', sans-serif;
	--font-family-apercu: 'apercu', sans-serif;

	/* -----------------------------------------------------------------------------
	* Font Stacks
	* ----------------------------------------------------------------------------- */

	--font-family-core-icons: 'core-icons';
	--font-family-serif: var(--font-family-tiempos);
	--font-family-serif-medium: var(--font-family-tiempos-medium);
	--font-family-sans-serif: var(--font-family-calibre-regular);
	--font-family-mono: var(--font-family-apercu);
	--font-family-base: var(--font-family-sans-serif);
	--font-family-base-bold: var(--font-family-calibre-medium);

	/* -----------------------------------------------------------------------------
	 * Font Sizing
	 * ----------------------------------------------------------------------------- */

	--font-size-body-large: 24px;
	--font-size-body: 22px;
	--font-size-body-small: 18px;

	/* -----------------------------------------------------------------------------
	 * Border Radius
	 * TODO: Where do these belong?
	 * ----------------------------------------------------------------------------- */

	--border-radius-base: 4px;

	/* -----------------------------------------------------------------------------
	 * Color: Links
	 * ----------------------------------------------------------------------------- */

	--color-link: var(--color-text);
	--color-link-hover: var(--color-primary);
	--color-link-focus: var(--color-tribe-blue);
}

/* WP-Admin Variables */

/* -----------------------------------------------------------------------------
 *
 * Variables: WP-Admin
 *
 * ----------------------------------------------------------------------------- */

:root {
	/* -----------------------------------------------------------------------------
	 * Colors
	 * ----------------------------------------------------------------------------- */

	--color-bgd-login: var(--color-grey-light);
	--color-light-invert: #fff;
	--color-dark-invert: #000;
}

* {
	box-sizing: border-box;
}

.login {
	height: 100%;
	position: relative;
	width: 100%;
	display: table;
	background: rgba(245, 245, 245, 1);
	background: var(--color-bgd-login);
}

.login a,
	.login button,
	.login input[type="submit"] {
		transition: all 0.15s ease-in-out;
		transition: var(--transition);
	}

.login a:focus,
		.login a:active,
		.login button:focus,
		.login button:active,
		.login input[type="submit"]:focus,
		.login input[type="submit"]:active {
			box-shadow: none;
			outline: 1px dotted;
		}

.login #login {
		overflow: hidden;
		position: relative;
		z-index: 1;
		padding: 80px 25px 100px;
		display: table-cell;
		width: 100%;
		vertical-align: middle;
	}

.login #login > * {
			max-width: 425px;
			margin-left: auto;
			margin-right: auto;
		}

.login.wp-core-ui .button-primary {
			background: rgba(48, 80, 229, 1);
			background: var(--color-primary);
			color: rgba(255, 255, 255, 1);
			color: var(--color-white);
			border: 0;
			box-shadow: none;
			display: block;
			width: 100%;
			padding: 10px;
			margin: 15px auto 0;
			font-size: 16px;
			height: auto;
			float: none;
			text-shadow: none;
		}

.login.wp-core-ui .button-primary:hover,
			.login.wp-core-ui .button-primary:focus,
			.login.wp-core-ui .button-primary:active {
				background: rgba(0, 160, 210, 1);
				background: var(--color-secondary);
			}

.login form {
		margin: 8px auto 10px;
		padding: 20px 24px 24px;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
		position: relative !important;
	}

.login form .forgetmenot {
			float: none;
		}

.login h1 {
		padding: 8px;
		margin: 0 auto 16px;
	}

.login h1 a {
			line-height: 1;
			margin: 0 auto;
		}

.login #nav,
	.login #backtoblog {
		padding: 3px 2px;
		margin: 0 auto;
		text-align: center;
		font-size: 15px;
	}

.login #nav a, .login #backtoblog a {
			padding: 3px 0;
			margin: 0 auto;
			text-align: center;
			color: rgba(48, 80, 229, 1);
			color: var(--color-primary);
		}

.login #nav a:hover,
			.login #nav a:focus,
			.login #nav a:active,
			.login #backtoblog a:hover,
			.login #backtoblog a:focus,
			.login #backtoblog a:active {
				color: rgba(0, 160, 210, 1);
				color: var(--color-secondary);
			}

.login #nav {
		margin-top: 15px;
	}

.login #backtoblog {
		margin-top: 8px;
	}

.login .submit {
		float: none;
		clear: both;
		display: block;
	}

/*# sourceMappingURL=login.css.map */