:root {
	--amexgas-red: #CD1F40;
	--amexgas-green: #068643;
	--amexgas-gray: #414042;
	--amexgas-black: #000000;
	--amexgas-white: #ffffff;
	--amexgas-logo-url: none;
	--amexgas-isotype-url: none;
	--amexgas-logotype-url: none;
}

body.wp-admin {
	background: #f3f4f3;
	color: var(--amexgas-gray);
}

body.wp-admin #wpadminbar,
body.wp-admin #adminmenuwrap,
body.wp-admin #adminmenuback,
body.wp-admin #adminmenu,
body.wp-admin #adminmenu .wp-submenu {
	background: var(--amexgas-black);
}

body.wp-admin #wpcontent {
	background:
		linear-gradient(180deg, rgba(6, 134, 67, 0.05), transparent 220px),
		#f3f4f3;
}

body.wp-admin #wpadminbar .ab-item,
body.wp-admin #wpadminbar a.ab-item,
body.wp-admin #wpadminbar > #wp-toolbar span.ab-label,
body.wp-admin #adminmenu a,
body.wp-admin #adminmenu div.wp-menu-name,
body.wp-admin #adminmenu .wp-submenu a,
body.wp-admin #collapse-menu {
	color: rgba(255, 255, 255, 0.78);
}

body.wp-admin #adminmenu div.wp-menu-image::before,
body.wp-admin #collapse-button .collapse-button-icon {
	color: rgba(255, 255, 255, 0.72);
}

body.wp-admin #adminmenuwrap::before {
	content: "";
	display: block;
	height: 82px;
	margin: 14px 12px;
	border-bottom: 3px solid var(--amexgas-green);
	background: var(--amexgas-logo-url) center / min(112px, calc(100% - 18px)) auto no-repeat;
}

body.wp-admin.folded #adminmenuwrap::before,
body.wp-admin.auto-fold #adminmenuwrap::before {
	height: 44px;
	margin: 10px 6px;
	background-image: var(--amexgas-isotype-url);
	background-size: 30px auto;
}

body.wp-admin #adminmenu li.menu-top:hover,
body.wp-admin #adminmenu li.opensub > a.menu-top,
body.wp-admin #adminmenu li > a.menu-top:focus,
body.wp-admin #wpadminbar .ab-top-menu > li.hover > .ab-item,
body.wp-admin #wpadminbar .ab-top-menu > li:hover > .ab-item,
body.wp-admin #wpadminbar .ab-top-menu > li > .ab-item:focus {
	background: rgba(205, 31, 64, 0.2);
	color: var(--amexgas-white);
}

body.wp-admin #adminmenu li.current a.menu-top,
body.wp-admin #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
body.wp-admin #adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
body.wp-admin #adminmenu .wp-submenu a.current {
	background: var(--amexgas-green) !important;
	color: var(--amexgas-white) !important;
}

body.wp-admin #adminmenu li.current,
body.wp-admin #adminmenu li.current.menu-top,
body.wp-admin #adminmenu li.wp-has-current-submenu,
body.wp-admin #adminmenu li.wp-has-current-submenu.menu-top,
body.wp-admin #adminmenu li.menu-top.wp-has-current-submenu,
body.wp-admin #adminmenu li.menu-top.current,
body.wp-admin #adminmenu li.current > a.menu-top,
body.wp-admin #adminmenu li.wp-has-current-submenu > a.wp-has-current-submenu,
body.wp-admin #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
body.wp-admin #adminmenu .current div.wp-menu-image,
body.wp-admin #adminmenu .wp-has-current-submenu div.wp-menu-image {
	background: var(--amexgas-green) !important;
	color: var(--amexgas-white) !important;
}

body.wp-admin #adminmenu li.current > a.menu-top::after,
body.wp-admin #adminmenu li.wp-has-current-submenu > a.wp-has-current-submenu::after {
	border-right-color: #f3f4f3 !important;
}

body.wp-admin #adminmenu .wp-submenu a,
body.wp-admin #adminmenu li.wp-has-current-submenu .wp-submenu a,
body.wp-admin #adminmenu .wp-submenu li.current a,
body.wp-admin #adminmenu .wp-submenu li.current a:hover,
body.wp-admin #adminmenu .wp-submenu li.current a:focus,
body.wp-admin #adminmenu a.wp-has-current-submenu:after,
body.wp-admin #adminmenu > li.current > a.current:after {
	color: rgba(255, 255, 255, 0.82) !important;
}

body.wp-admin #adminmenu .wp-submenu a:hover,
body.wp-admin #adminmenu .wp-submenu a:focus,
body.wp-admin #adminmenu li.wp-has-current-submenu .wp-submenu a:hover,
body.wp-admin #adminmenu li.wp-has-current-submenu .wp-submenu a:focus {
	color: var(--amexgas-white) !important;
}

body.wp-admin #adminmenu .awaiting-mod,
body.wp-admin #adminmenu .update-plugins,
body.wp-admin #adminmenu .wp-menu-name .count,
body.wp-admin #adminmenu .wp-menu-name .plugin-count,
body.wp-admin #adminmenu .wp-menu-name .theme-count,
body.wp-admin #sidemenu li a span.update-plugins,
body.wp-admin #wpadminbar .updates,
body.wp-admin .plugin-count,
body.wp-admin .theme-count {
	background: var(--amexgas-red) !important;
	color: var(--amexgas-white) !important;
}

body.wp-admin #adminmenu li.current div.wp-menu-image::before,
body.wp-admin #adminmenu li.wp-has-current-submenu div.wp-menu-image::before,
body.wp-admin #adminmenu li:hover div.wp-menu-image::before,
body.wp-admin #adminmenu li a:focus div.wp-menu-image::before {
	color: var(--amexgas-white);
}

body.wp-admin .wrap h1,
body.wp-admin .wrap h2,
body.wp-admin .wrap h3,
body.wp-admin .wp-heading-inline,
body.wp-admin .postbox .hndle,
body.wp-admin .postbox .hndle span {
	color: var(--amexgas-black);
}

body.wp-admin .page-title-action,
body.wp-admin .button-primary,
body.wp-admin .wp-core-ui .button-primary,
body.wp-admin .theme-browser .theme.add-new-theme a::after {
	border-color: var(--amexgas-red);
	background: var(--amexgas-red);
	color: var(--amexgas-white);
}

body.wp-admin .page-title-action:hover,
body.wp-admin .page-title-action:focus,
body.wp-admin .button-primary:hover,
body.wp-admin .button-primary:focus,
body.wp-admin .wp-core-ui .button-primary:hover,
body.wp-admin .wp-core-ui .button-primary:focus,
body.wp-admin .theme-browser .theme.add-new-theme a:hover::after,
body.wp-admin .theme-browser .theme.add-new-theme a:focus::after {
	border-color: var(--amexgas-green);
	background: var(--amexgas-green);
	color: var(--amexgas-white);
}

body.wp-admin .button,
body.wp-admin .wp-core-ui .button,
body.wp-admin .wp-core-ui .button-secondary {
	border-color: rgba(65, 64, 66, 0.28);
	color: var(--amexgas-gray);
}

body.wp-admin .button:hover,
body.wp-admin .button:focus,
body.wp-admin .wp-core-ui .button:hover,
body.wp-admin .wp-core-ui .button:focus,
body.wp-admin .wp-core-ui .button-secondary:hover,
body.wp-admin .wp-core-ui .button-secondary:focus {
	border-color: var(--amexgas-green);
	color: var(--amexgas-green);
	box-shadow: 0 0 0 1px rgba(6, 134, 67, 0.22);
}

body.wp-admin .page-title-action,
body.wp-admin .button-primary,
body.wp-admin .button-primary.button,
body.wp-admin .wp-core-ui .button-primary,
body.wp-admin .wp-core-ui .button-primary.button,
body.wp-admin .theme-browser .theme .theme-actions .button-primary,
body.wp-admin .theme-browser .theme .theme-actions .button-primary.button {
	border-color: var(--amexgas-red) !important;
	background: var(--amexgas-red) !important;
	color: var(--amexgas-white) !important;
}

body.wp-admin .page-title-action:hover,
body.wp-admin .page-title-action:focus,
body.wp-admin .button-primary:hover,
body.wp-admin .button-primary:focus,
body.wp-admin .button-primary.button:hover,
body.wp-admin .button-primary.button:focus,
body.wp-admin .wp-core-ui .button-primary:hover,
body.wp-admin .wp-core-ui .button-primary:focus,
body.wp-admin .wp-core-ui .button-primary.button:hover,
body.wp-admin .wp-core-ui .button-primary.button:focus,
body.wp-admin .theme-browser .theme .theme-actions .button-primary:hover,
body.wp-admin .theme-browser .theme .theme-actions .button-primary:focus {
	border-color: var(--amexgas-green) !important;
	background: var(--amexgas-green) !important;
	color: var(--amexgas-white) !important;
	box-shadow: 0 0 0 1px rgba(6, 134, 67, 0.22) !important;
}

body.wp-admin .wp-core-ui .button-link {
	color: var(--amexgas-green);
}

body.wp-admin .wp-core-ui .button-link:hover,
body.wp-admin .wp-core-ui .button-link:focus {
	color: var(--amexgas-red);
}

body.wp-admin input[type="text"]:focus,
body.wp-admin input[type="search"]:focus,
body.wp-admin input[type="radio"]:focus,
body.wp-admin input[type="tel"]:focus,
body.wp-admin input[type="time"]:focus,
body.wp-admin input[type="url"]:focus,
body.wp-admin input[type="week"]:focus,
body.wp-admin input[type="password"]:focus,
body.wp-admin input[type="checkbox"]:focus,
body.wp-admin input[type="color"]:focus,
body.wp-admin input[type="date"]:focus,
body.wp-admin input[type="datetime"]:focus,
body.wp-admin input[type="datetime-local"]:focus,
body.wp-admin input[type="email"]:focus,
body.wp-admin input[type="month"]:focus,
body.wp-admin input[type="number"]:focus,
body.wp-admin select:focus,
body.wp-admin textarea:focus {
	border-color: var(--amexgas-green) !important;
	box-shadow: 0 0 0 1px var(--amexgas-green) !important;
	outline: 2px solid transparent;
}

body.wp-admin .postbox,
body.wp-admin .stuffbox,
body.wp-admin .welcome-panel,
body.wp-admin .card,
body.wp-admin .notice,
body.wp-admin .update-nag,
body.wp-admin .components-card,
body.wp-admin #screen-meta,
body.wp-admin .plugin-card,
body.wp-admin .theme-browser .theme {
	border-color: rgba(65, 64, 66, 0.14);
	border-radius: 6px;
	box-shadow: 0 18px 36px rgba(0, 0, 0, 0.06);
}

body.wp-admin .notice,
body.wp-admin .update-nag {
	border-left-color: var(--amexgas-red);
}

body.wp-admin a {
	color: var(--amexgas-green);
}

body.wp-admin a:hover,
body.wp-admin a:focus {
	color: var(--amexgas-red);
}

body.wp-admin .theme-browser .theme.active .theme-name,
body.wp-admin .theme-browser .theme.active .theme-actions {
	background: var(--amexgas-gray);
	color: var(--amexgas-white);
}

body.wp-admin .theme-browser .theme.active .theme-name span {
	color: var(--amexgas-white);
}

body.wp-admin .theme-browser .theme .theme-actions .button-primary {
	background: var(--amexgas-red);
	border-color: var(--amexgas-red);
}

body.wp-admin .theme-browser .theme.add-new-theme a {
	background: var(--amexgas-red) !important;
	color: var(--amexgas-white) !important;
}

body.wp-admin .theme-browser .theme.add-new-theme a:hover,
body.wp-admin .theme-browser .theme.add-new-theme a:focus {
	background: var(--amexgas-green) !important;
	color: var(--amexgas-white) !important;
}

body.wp-admin .theme-browser .theme.add-new-theme span::after {
	background: var(--amexgas-white);
}

body.wp-admin .theme-browser .theme.add-new-theme span::before {
	background: var(--amexgas-white);
}

body.wp-admin .theme-browser .theme.add-new-theme a:after,
body.wp-admin .theme-browser .theme.add-new-theme a:hover:after,
body.wp-admin .theme-browser .theme.add-new-theme a:focus:after {
	background: var(--amexgas-white) !important;
	color: var(--amexgas-red) !important;
}

body.wp-admin .theme-browser .theme.add-new-theme span:after,
body.wp-admin .theme-browser .theme.add-new-theme span:before {
	background: var(--amexgas-white) !important;
	color: var(--amexgas-white) !important;
}

body.wp-admin .theme-browser .theme.add-new-theme a:before,
body.wp-admin .theme-browser .theme.add-new-theme a:hover:before,
body.wp-admin .theme-browser .theme.add-new-theme a:focus:before {
	border-color: var(--amexgas-white) !important;
	color: var(--amexgas-white) !important;
}

body.wp-admin .theme-browser .theme .notice,
body.wp-admin .update-message.notice {
	border-left-color: var(--amexgas-red);
}

body.login {
	min-height: 100vh;
	background:
		linear-gradient(90deg, var(--amexgas-red) 0 50%, var(--amexgas-green) 50% 100%) top left / 100% 5px no-repeat,
		radial-gradient(circle at 72% 18%, rgba(6, 134, 67, 0.28), transparent 30%),
		radial-gradient(circle at 20% 76%, rgba(205, 31, 64, 0.2), transparent 28%),
		linear-gradient(135deg, rgba(0, 0, 0, 0.96), rgba(18, 18, 18, 0.98)),
		var(--amexgas-black);
}

body.login #login {
	width: min(100% - 36px, 420px);
	padding: 8vh 0 0;
}

body.login h1 a {
	width: 184px;
	height: 106px;
	margin: 0 auto 28px;
	padding: 0;
	background: var(--amexgas-logo-url) center / contain no-repeat;
	color: transparent;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

body.login h1 a::before {
	content: none;
}

body.login form {
	margin-top: 0;
	padding: 30px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
}

body.login label,
body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a {
	color: rgba(255, 255, 255, 0.82);
}

body.login form label {
	color: var(--amexgas-gray);
}

body.login form .input,
body.login input[type="text"],
body.login input[type="password"] {
	border-color: rgba(65, 64, 66, 0.2);
	background: var(--amexgas-white);
	color: var(--amexgas-black);
}

body.login form .input:focus,
body.login input[type="text"]:focus,
body.login input[type="password"]:focus,
body.login input[type="checkbox"]:focus,
body.login select:focus {
	border-color: var(--amexgas-green) !important;
	box-shadow: 0 0 0 1px var(--amexgas-green) !important;
	outline: 2px solid transparent;
}

body.login #login form input.input:focus,
body.login #login form input#user_login:focus,
body.login #login form input#user_pass:focus {
	border-color: var(--amexgas-green) !important;
	box-shadow: 0 0 0 1px var(--amexgas-green) !important;
	outline: 2px solid transparent !important;
}

body.login .button-primary {
	border-color: var(--amexgas-red);
	background: var(--amexgas-red);
	color: var(--amexgas-white);
	font-weight: 700;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
	border-color: var(--amexgas-green);
	background: var(--amexgas-green);
}

body.login .message,
body.login .notice,
body.login .success {
	border-left-color: var(--amexgas-green);
}

body.login .button.wp-hide-pw {
	color: var(--amexgas-gray);
}

body.login .button.wp-hide-pw:hover,
body.login .button.wp-hide-pw:focus {
	color: var(--amexgas-green);
	border-color: transparent;
	box-shadow: none !important;
}

body.login .language-switcher .button {
	border-color: rgba(255, 255, 255, 0.28);
	color: var(--amexgas-white);
}

body.login .language-switcher .button:hover,
body.login .language-switcher .button:focus {
	border-color: var(--amexgas-green);
	background: var(--amexgas-green);
	color: var(--amexgas-white);
	box-shadow: none !important;
}

body.login .language-switcher select {
	border-color: rgba(65, 64, 66, 0.2);
	color: var(--amexgas-gray);
}

body.wp-admin #adminmenu a:hover,
body.wp-admin #adminmenu li.menu-top:hover,
body.wp-admin #adminmenu li.opensub > a.menu-top,
body.wp-admin #adminmenu li > a.menu-top:focus {
	background: rgba(205, 31, 64, 0.2) !important;
	color: var(--amexgas-white) !important;
}

body.wp-admin #adminmenu li.current a.menu-top,
body.wp-admin #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
body.wp-admin #adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
body.wp-admin #adminmenu .wp-submenu a.current {
	background: var(--amexgas-green) !important;
	color: var(--amexgas-white) !important;
}