/*
Theme Name:   RC Jones
Template:     generatepress
Description:  Child theme for rcjones.me.
Version:      1.1.2
Requires at least: 6.5
Requires PHP: 7.4
Text Domain:  rcjones
*/

:root {
	--rcj-ink: #1b1b1b;
	--rcj-text: #2c2c2c;
	--rcj-text-2: #4a4a4a;
	--rcj-muted: #6f6f6f;
	--rcj-line: #e3e3e1;
	--rcj-wash: #f5f5f3;
	--rcj-underline: #b9b9b6;
	--rcj-accent: #a8481f;
	--rcj-accent-tint: #f4e3da;
	--rcj-font: 'Lato', 'Helvetica Neue', Arial, sans-serif;
	--rcj-serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;
	--rcj-measure: 42rem;
}

/* -- Base -- */

body {
	background: #fff;
	color: var(--rcj-text);
	font-family: var(--rcj-font);
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

button,
input,
select,
textarea {
	font-family: var(--rcj-font);
}

a { color: var(--rcj-ink); }

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
	outline: 2px solid var(--rcj-accent);
	outline-offset: 3px;
}

::selection { background: var(--rcj-accent-tint); color: var(--rcj-ink); }

/* -- Masthead -- */

.site-header { background: #fff; }

.site-header .inside-header {
	padding: clamp(36px, 6vw, 72px) 20px clamp(24px, 4vw, 40px);
}

.main-title {
	font-family: var(--rcj-font);
	font-size: clamp(1.6rem, 1rem + 2.9vw, 3.25rem);
	font-weight: 300;
	letter-spacing: 0.32em;
	line-height: 1.15;
	margin: 0 -0.32em 0 0;
	text-transform: uppercase;
}

.main-title a,
.main-title a:hover {
	color: var(--rcj-ink);
	text-decoration: none;
}

.site-description {
	color: var(--rcj-muted);
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 0.38em;
	line-height: 1.4;
	margin: 0.9em -0.38em 0 0;
	text-transform: uppercase;
}

/* -- Navigation -- */

.main-navigation,
.main-navigation ul ul {
	background: #fff;
}

.main-navigation .inside-navigation {
	border-bottom: 1px solid var(--rcj-line);
	border-top: 1px solid var(--rcj-line);
	max-width: 1120px;
}

.main-navigation .main-nav ul li a {
	color: var(--rcj-ink);
	font-size: 0.78rem;
	font-weight: 400;
	letter-spacing: 0.18em;
	line-height: 56px;
	padding-left: 18px;
	padding-right: 18px;
	text-transform: uppercase;
}

.main-navigation .main-nav > ul > li > a {
	position: relative;
}

.main-navigation .main-nav > ul > li > a::after {
	background: var(--rcj-accent);
	bottom: 14px;
	content: "";
	height: 2px;
	left: 18px;
	opacity: 0;
	position: absolute;
	right: calc(18px + 0.18em);
	transition: opacity 0.15s ease;
}

.main-navigation .main-nav > ul > li:is(:hover, .sfHover, .current-menu-item, .current-menu-ancestor, .current_page_item, .current_page_ancestor) > a::after {
	opacity: 1;
}

.main-navigation .main-nav ul li:is(:hover, .sfHover, .current-menu-item, .current-menu-ancestor) > a {
	background: transparent;
	color: var(--rcj-ink);
}

.main-navigation .main-nav ul li.menu-item-has-children > a {
	padding-right: 18px;
}

.main-navigation .main-nav ul li.menu-item-has-children > a::after {
	right: calc(30px + 0.18em);
}

.main-navigation .dropdown-menu-toggle {
	padding-left: 6px;
	padding-right: 0;
}

.main-navigation .dropdown-menu-toggle .gp-icon svg {
	height: 0.7em;
	opacity: 0.6;
	width: 0.7em;
}

/* Dropdowns */
.main-navigation ul ul {
	border: 1px solid var(--rcj-line);
	border-radius: 8px;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
	padding: 6px 0;
	width: 230px;
}

.main-navigation .main-nav ul ul li a {
	font-size: 0.875rem;
	letter-spacing: 0.01em;
	line-height: 1.4;
	padding: 10px 20px;
	text-transform: none;
}

.main-navigation .main-nav ul ul li:is(:hover, .sfHover, .current-menu-item) > a {
	background: var(--rcj-wash);
	color: var(--rcj-accent);
}

/* Mobile menu */
.main-navigation .menu-toggle {
	color: var(--rcj-ink);
	font-size: 0.78rem;
	font-weight: 400;
	letter-spacing: 0.18em;
	line-height: 52px;
	padding: 0 20px;
	text-transform: uppercase;
	width: 100%;
}

.main-navigation .menu-toggle:hover,
.main-navigation.toggled .menu-toggle {
	background: transparent;
	color: var(--rcj-ink);
}

/* -- Layout -- */

.one-container .site-content {
	padding: clamp(32px, 5vw, 64px) 20px clamp(48px, 7vw, 96px);
}

.one-container.no-sidebar .site-main,
.no-sidebar .site-main {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--rcj-measure);
}

.one-container.right-sidebar .site-main {
	margin-right: clamp(32px, 4vw, 56px);
}

.one-container .container,
.separate-containers .inside-article {
	background: #fff;
}

/* -- Titles -- */

.entry-title,
.page-title {
	color: var(--rcj-ink);
	font-size: clamp(2rem, 1.45rem + 1.6vw, 2.75rem);
	font-weight: 300;
	letter-spacing: 0.005em;
	line-height: 1.15;
	text-wrap: balance;
}

.single-post .entry-title { font-size: clamp(2.2rem, 1.5rem + 2vw, 3.1rem); text-wrap: pretty; }

.entry-header + .entry-content,
.page-header + .entry-content { margin-top: 1.6em; }

.entry-meta {
	color: var(--rcj-muted);
	font-size: 0.78rem;
	letter-spacing: 0.1em;
	margin-top: 0.9em;
	text-transform: uppercase;
}

.entry-meta a { color: var(--rcj-muted); text-decoration: none; }
.entry-meta a:hover { color: var(--rcj-accent); }
.entry-meta .byline { display: none; }

.entry-meta .posted-on { margin-right: 0.15em; }

.rcj-read-time::before {
	content: "\00b7";
	margin: 0 0.6em 0 0.25em;
}

/* Byline on posts */
.rcj-byline {
	align-items: center;
	border-bottom: 1px solid var(--rcj-line);
	border-top: 1px solid var(--rcj-line);
	display: flex;
	gap: 14px;
	margin-top: 1.5em;
	padding: 14px 0;
}

.rcj-avatar {
	border-radius: 50%;
	flex: none;
	height: 48px;
	object-fit: cover;
	width: 48px;
}

.rcj-byline-text {
	display: flex;
	flex-direction: column;
	line-height: 1.35;
}

.rcj-byline-name {
	color: var(--rcj-ink);
	font-size: 0.95rem;
	font-weight: 700;
}

.rcj-byline-meta {
	color: var(--rcj-muted);
	font-size: 0.85rem;
}

.single-post .entry-header + .entry-content { margin-top: 2em; }

/* -- Content -- */

.entry-content,
.entry-summary,
.comment-content {
	font-family: var(--rcj-serif);
	font-optical-sizing: auto;
	overflow-wrap: break-word;
}

.entry-content {
	color: var(--rcj-text);
	font-size: 1.1875rem;
	line-height: 1.65;
}

.entry-content > * + *,
.entry-summary > * + * { margin-top: 0; }

.entry-content p,
.entry-content ul,
.entry-content ol { margin-bottom: 1.15em; }

.entry-content a,
.entry-summary a,
.comment-content a {
	color: var(--rcj-ink);
	text-decoration: underline;
	text-decoration-color: var(--rcj-underline);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
	transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

.entry-content a:hover,
.entry-summary a:hover,
.comment-content a:hover {
	color: var(--rcj-accent);
	text-decoration-color: currentColor;
}

.entry-content strong,
.entry-content b { color: var(--rcj-ink); font-weight: 600; }

/* UI bits inside content stay in Lato */
.entry-content :is(h1, h2, h3, h4, h5, figcaption, .wp-caption-text, table, .wpcf7, .rcj-share) {
	font-family: var(--rcj-font);
}

.entry-content :is(h1, h2, h3, h4, h5, h6):empty { display: none; }

.entry-content h1,
.entry-content h2,
.entry-content h3 {
	color: var(--rcj-ink);
	font-weight: 300;
	letter-spacing: 0.005em;
	line-height: 1.25;
	margin: 1.6em 0 0.6em;
	text-wrap: balance;
}

.entry-content h1 { font-size: 2rem; }
.entry-content h2 { font-size: 1.75rem; }
.entry-content h3 { font-size: 1.875rem; padding: 0 !important; }

.entry-content h4 {
	color: var(--rcj-ink);
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	line-height: 1.5;
	margin: 2.4em 0 0.8em;
	text-transform: uppercase;
}

.entry-content h5 {
	color: var(--rcj-ink);
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.35;
	margin: 2.2em 0 0.5em;
}

.entry-content h6 {
	color: var(--rcj-muted);
	font-size: 1.05rem;
	font-style: italic;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.5;
	margin: 0 0 1.2em;
	text-transform: none;
}

/* Section breaks (the double rules between sections) */
.entry-content hr {
	background: none;
	border: 0 !important;
	border-top: 1px solid var(--rcj-line) !important;
	height: 0;
	margin: 2.5em 0 2em;
}

.entry-content hr + :is(h3, h4, h5) { margin-top: 0; }
.entry-content > hr:first-child { display: none; }

/* Inserted pages bring their own rules; drop the ones that double up with a section break */
.insert-page > hr:first-child,
.insert-page > hr:not(:has(~ :not(:empty))) { display: none; }
.insert-page > hr:first-child + h4 { margin-top: 1.6em; }
.entry-content p:empty { display: none; }

.entry-content > hr:first-child + h3,
.entry-content > p:first-child + hr + h3 { margin-top: 0; }

.entry-content ul,
.entry-content ol { margin-left: 0; padding-left: 1.3em; }
.entry-content li { margin-bottom: 0.55em; }
.entry-content li::marker { color: var(--rcj-muted); }

/* Publication lists read as a list of citations */
.entry-content h4 + ul li,
.insert-page ul li { line-height: 1.6; margin-bottom: 0.85em; }

.entry-content blockquote {
	border-left: 3px solid var(--rcj-accent);
	color: var(--rcj-text);
	font-size: 1em;
	font-style: normal;
	margin: 1.6em 0;
	padding: 0.1em 0 0.1em 1.25em;
}

.entry-content blockquote p:last-child { margin-bottom: 0; }

.entry-content [style*="text-align: justify"] { text-align: left !important; }
.entry-content [style*="color: #0000ff"] { color: #1f3f86 !important; }
.entry-content [style*="font-family: Geneva"] { font-family: inherit !important; }

/* Images */
.entry-content img { border-radius: 4px; height: auto; max-width: 100%; }
.entry-content .aligncenter { display: block; margin-left: auto; margin-right: auto; }

.entry-content .wp-caption-text,
.entry-content figcaption {
	color: var(--rcj-muted);
	font-size: 0.875rem;
	margin-top: 0.6em;
	text-align: center;
}

/* Embeds */
.entry-content iframe { border: 0; max-width: 100%; }

.entry-content iframe:is([src*="youtube.com"], [src*="youtube-nocookie.com"], [src*="vimeo.com"]) {
	aspect-ratio: 16 / 9;
	border-radius: 8px;
	height: auto;
	width: 100%;
}

.entry-content iframe[src*="youtube.com"][width="420"][height="315"] { aspect-ratio: 4 / 3; }
.entry-content iframe[src*="soundcloud.com"] { width: 100%; }
.entry-content iframe[src*="archive.org"] { border-radius: 4px; display: block; height: 30px; width: 100%; }

.entry-content .wp-video,
.entry-content .wp-video-shortcode,
.entry-content .wp-audio-shortcode {
	max-width: 100%;
	width: 100% !important;
}

.entry-content .wp-video video { border-radius: 8px; height: auto; }

.entry-content .mejs-container,
.entry-content .mejs-container .mejs-controls { border-radius: 6px; }

/* -- Home -- */

.home .entry-content > p:first-child { margin: 0 0 1.8em; }

.home .entry-content > p:first-child img {
	border-radius: 10px;
	display: block;
	height: auto;
	width: 100%;
}

.home .entry-content > p:nth-child(2) {
	color: var(--rcj-ink);
	font-size: clamp(1.3rem, 1.2rem + 0.35vw, 1.45rem);
	line-height: 1.55;
}

.home .rcj-links {
	border-top: 1px solid var(--rcj-line);
	display: flex;
	flex-wrap: wrap;
	font-family: var(--rcj-font);
	gap: 10px;
	margin-top: 1.8em;
	padding-top: 1.8em;
}

.home .entry-content .rcj-links a {
	border: 1px solid var(--rcj-ink);
	border-radius: 999px;
	color: var(--rcj-ink);
	font-size: 0.72rem;
	letter-spacing: 0.16em;
	line-height: 1;
	padding: 12px 18px;
	text-decoration: none;
	text-transform: uppercase;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.home .entry-content .rcj-links a:hover {
	background: var(--rcj-ink);
	color: #fff;
}

/* -- Blog index and archives -- */

.blog .site-main article,
.archive .site-main article,
.search .site-main article {
	border-bottom: 1px solid var(--rcj-line);
	margin-bottom: 2.25em;
	padding-bottom: 2.25em;
}

:is(.blog, .archive, .search) .entry-title {
	font-size: clamp(1.5rem, 1.25rem + 0.8vw, 1.9rem);
	font-weight: 400;
	line-height: 1.2;
}

:is(.blog, .archive, .search) .entry-title a { color: var(--rcj-ink); text-decoration: none; transition: color 0.15s ease; }
:is(.blog, .archive, .search) .entry-title a:hover { color: var(--rcj-accent); }
.search .type-page .entry-meta { display: none; }

.entry-summary,
.entry-summary:not(:first-child) {
	color: var(--rcj-text-2);
	font-size: 1.0625rem;
	line-height: 1.6;
	margin-top: 0.8em;
}

.entry-summary p { margin-bottom: 0; }

.read-more,
.entry-summary .read-more-container a {
	font-family: var(--rcj-font);
	font-size: 0.75rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.page-header {
	border-bottom: 1px solid var(--rcj-line);
	margin-bottom: 2.5em;
	padding-bottom: 1.2em;
}

.page-header .page-title {
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

footer.entry-meta {
	border-top: 0;
	font-size: 0.7rem;
	letter-spacing: 0.1em;
	line-height: 1.7;
	margin-top: 1.4em;
}

footer.entry-meta .gp-icon { display: none; }

.cat-links,
.tags-links,
.comments-link { display: inline; margin-right: 1.4em; }

.paging-navigation {
	font-size: 0.8125rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.post-navigation {
	border-top: 1px solid var(--rcj-line);
	font-size: 0.95rem;
	letter-spacing: 0;
	margin-top: 2.5em;
	padding-top: 1.5em;
	text-transform: none;
}

footer.entry-meta .post-navigation .gp-icon { color: var(--rcj-muted); display: inline-block; margin-right: 0.6em; }
.post-navigation .nav-previous,
.post-navigation .nav-next { margin-bottom: 0.45em; }
.post-navigation a { color: var(--rcj-ink); }
.post-navigation a:hover { color: var(--rcj-accent); text-decoration: underline; text-underline-offset: 0.2em; }

/* -- Sidebar -- */

.sidebar .widget {
	background: transparent;
	font-size: 0.95rem;
	padding: 0;
}

.sidebar .widget + .widget { margin-top: 2.75em; }

.sidebar .widget-title {
	color: var(--rcj-ink);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	margin-bottom: 1.1em;
	padding-bottom: 10px;
	position: relative;
	text-transform: uppercase;
}

.sidebar .widget-title::after {
	background: var(--rcj-accent);
	bottom: 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 24px;
}

.sidebar .widget ul { margin: 0; }

.sidebar .widget ul li {
	line-height: 1.4;
	margin-bottom: 0.85em;
}

.sidebar .widget a { color: var(--rcj-ink); text-decoration: none; transition: color 0.15s ease; }
.sidebar .widget a:hover { color: var(--rcj-accent); }

.sidebar .post-date {
	color: var(--rcj-muted);
	display: block;
	font-size: 0.8rem;
	margin-top: 0.2em;
}

.sidebar .widget_categories li { color: var(--rcj-muted); }

/* -- Forms -- */

.sidebar select,
.wpcf7-form :is(input[type="text"], input[type="email"], input[type="url"], input[type="tel"], textarea),
.comment-form :is(input[type="text"], input[type="email"], input[type="url"], textarea) {
	background: #fff;
	border: 1px solid #cfcfcc;
	border-radius: 8px;
	color: var(--rcj-ink);
	font-size: 1rem;
	padding: 11px 14px;
	width: 100%;
}

.sidebar select { border-radius: 999px; padding: 10px 36px 10px 16px; }

:is(.wpcf7-form input, .wpcf7-form textarea, .comment-form input, .comment-form textarea, .sidebar select):focus {
	border-color: var(--rcj-ink);
	outline: none;
}

/* Search: one pill with the button inside */
.search-form {
	align-items: center;
	background: var(--rcj-wash);
	border: 1px solid transparent;
	border-radius: 999px;
	display: flex;
	padding: 4px;
	transition: background 0.15s ease, border-color 0.15s ease;
}

.search-form:focus-within { background: #fff; border-color: var(--rcj-ink); }
.search-form label { flex: 1; min-width: 0; }

.search-form .search-field {
	background: transparent;
	border: 0;
	color: var(--rcj-ink);
	font-size: 0.95rem;
	padding: 8px 14px;
	width: 100%;
}

.search-form .search-field:focus { outline: none; }

.search-form .search-submit {
	align-items: center;
	background: var(--rcj-ink);
	border: 0;
	border-radius: 999px;
	color: #fff;
	cursor: pointer;
	display: flex;
	flex: none;
	height: 40px;
	justify-content: center;
	padding: 0;
	transition: background 0.15s ease;
	width: 40px;
}

.search-form .search-submit:hover { background: var(--rcj-accent); }

/* Buttons */
.wpcf7-form .wpcf7-submit,
.comment-form .submit {
	background: var(--rcj-ink);
	border: 0;
	border-radius: 999px;
	color: #fff;
	cursor: pointer;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	padding: 14px 26px;
	text-transform: uppercase;
	transition: background 0.15s ease;
}

.wpcf7-form .wpcf7-submit:hover,
.comment-form .submit:hover { background: var(--rcj-accent); }

/* Contact form */
.wpcf7-form p { margin-bottom: 1.3em; }
.wpcf7-form p:has(+ p > .wpcf7-form-control-wrap) { margin-bottom: 0; }
.wpcf7-form label br { display: none; }

.wpcf7-form label {
	color: var(--rcj-ink);
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.wpcf7-form .wpcf7-form-control-wrap { display: block; font-weight: 400; margin-top: 0.4em; }
.wpcf7-form textarea { min-height: 180px; }
.wpcf7-not-valid-tip { font-size: 0.875rem; }
.wpcf7 form .wpcf7-response-output { border-radius: 8px; margin: 1.5em 0 0; padding: 12px 16px; }

/* -- Comments -- */

.comments-area { margin-top: 3em; }

.comments-title,
.comment-reply-title {
	color: var(--rcj-ink);
	font-size: 1.625rem;
	font-weight: 300;
	letter-spacing: 0.005em;
	margin-bottom: 0.8em;
}

.comment-form .comment-notes,
.comment-form .logged-in-as,
.comment-form-cookies-consent { color: var(--rcj-muted); font-size: 0.875rem; }

.comment-form :is(#author, #email, #url) { max-width: 100%; }

.comment-content {
	background: var(--rcj-wash);
	border: 0;
	border-radius: 10px;
	color: var(--rcj-text);
	font-size: 1.0625rem;
	line-height: 1.6;
	padding: 20px 24px;
}

.comment-author-info { font-size: 0.95rem; }

/* -- Share links -- */

.rcj-share {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 2.5em;
}

.rcj-share-label {
	color: var(--rcj-muted);
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	margin-right: 6px;
	text-transform: uppercase;
}

.entry-content .rcj-share a {
	border: 1px solid var(--rcj-line);
	border-radius: 999px;
	color: var(--rcj-text);
	font-size: 0.8125rem;
	line-height: 1;
	padding: 9px 15px;
	text-decoration: none;
	transition: border-color 0.15s ease, color 0.15s ease;
}

.entry-content .rcj-share a:hover { border-color: var(--rcj-accent); color: var(--rcj-accent); }

/* -- Footer -- */

.site-info {
	background: #fff;
	border-top: 1px solid var(--rcj-line);
	color: var(--rcj-muted);
	font-size: 0.8125rem;
	letter-spacing: 0.02em;
}

.site-info .inside-site-info { justify-content: center; padding: 28px 20px; }
.site-info a { color: var(--rcj-text); text-decoration: none; }
.site-info a:hover { color: var(--rcj-accent); text-decoration: underline; }

/* -- Tablet and phone -- */

@media (max-width: 960px) {
	.site-content { flex-direction: column; }
	.site-content .content-area,
	.site-content .is-right-sidebar { width: 100%; }
	.one-container.right-sidebar .site-main { margin-right: 0; }
	.sidebar { border-top: 1px solid var(--rcj-line); margin-top: 3em; padding-top: 2.5em; }
}

@media (max-width: 768px) {
	body { font-size: 1.0625rem; }
	.entry-content { font-size: 1.125rem; }

	.site-header .inside-header { padding: 30px 20px 20px; }
	.one-container .site-content { padding-top: 24px; }
	.main-navigation .menu-toggle { line-height: 48px; }

	.main-title { letter-spacing: 0.2em; margin-right: -0.2em; }
	.site-description { letter-spacing: 0.3em; margin-right: -0.3em; }

	.main-navigation .inside-navigation { border-bottom: 0; }

	.main-navigation.toggled .main-nav ul li a {
		border-top: 1px solid var(--rcj-line);
		line-height: 1.4;
		padding: 16px 20px;
	}

	.main-navigation.toggled .main-nav > ul > li > a::after { display: none; }
	.main-navigation.toggled .main-nav ul ul { border: 0; border-radius: 0; box-shadow: none; padding: 0; width: auto; }
	.main-navigation.toggled .main-nav ul ul li a { padding-left: 36px; }

	.main-navigation.toggled .main-nav .dropdown-menu-toggle {
		margin: -16px -20px -16px 0;
		padding: 16px 20px;
	}

	.main-navigation.toggled .dropdown-menu-toggle .gp-icon svg { height: 0.9em; opacity: 0.7; width: 0.9em; }

	.home .entry-content > p:first-child { margin-bottom: 1.4em; }
	.home .entry-content > p:nth-child(2) { font-size: 1.2rem; }

	.rcj-byline { margin-top: 1.1em; padding: 12px 0; }
	.single-post .entry-header + .entry-content { margin-top: 1.4em; }
}

@media (prefers-reduced-motion: reduce) {
	* { transition: none !important; }
}
