/*
======================
GRUTS-SPECIFIC STYLING
======================
*/

/* REMEMBER: Plugins can also contain some CSS. */


:root {
	/* Branding */
	--site--brand--color-main: #c7392a;
	--branding--color-text: white;
	--branding--color-link: white;
		--branding--color-link-hover: whitesmoke;
		--rix--branding--link-weight: 500;
	/* Nav */
	--primary-nav--color-text: white;
	--primary-nav--color-link: white;
		--primary-nav--color-link-hover: whitesmoke;
	/* Main Content area */
	--rix-main--content-background: white;
	--rix-main--color-text: var(--global--color-primary);
	--rix-main--color-link: var(--site--brand--color-main);
		--rix-main--color-link-hover: var(--rix-main--color-link);
		--rix-main--link-weight: 500;
	/* Widgets */
	--rix-widgets--background: #404040;
	--rix-widget--color-text: #cccccc;
	--rix-widget--color-link: white;
		--rix-widget--color-link-hover: whitesmoke;
		--rix-widget--link-weight: 500;
	/* Footer/colophon */
	--rix-colophon--background: #222;
		--footer--color-text: white;
		--footer--color-link: white;
			--footer--color-link-hover: white;
			--rix-footer--link-weight: 500;
	/* Nav sub-menus */
	--rix-submenu--color-background: var(--site--brand--color-main);
	--rix-submenu--color-border: #fff;
	/* Forms/buttons */
	--button--color-text: var(--primary-nav--color-text);
	--button--color-text-hover: var(--primary-nav--color-text);
	--button--color-text-active: var(--primary-nav--color-text);
	--button--color-background: var(--site--brand--color-main);
	--button--color-background-active: #222;
}



/* == Make the logo/pie spin == */
--branding--title--font-size: var(--global--font-size-xl);
--branding--title--font-size-mobile: var(--heading--font-size-h3);

.custom-logo-link {
	display: inline;
}
.custom-logo-link img {
	display: inline-block;
	float: right;
	max-height: 5.2rem;
	width: auto;
}
.custom-logo-link img,
img.pie {
    -webkit-animation:spin 20s linear infinite;
    -moz-animation:spin 20s linear infinite;
    animation:spin 20s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
/* Spin Richard's comment avatar */
.author-bio img[src*="c207827f328beaceff1849a38b19d1c1"],
.comment-author img[src*="c207827f328beaceff1849a38b19d1c1"] {
    -webkit-animation:spin 5s linear infinite;
    -moz-animation:spin 5s linear infinite;
    animation:spin 5s linear infinite;
    /* Turn off border round (so I can spin it) */
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin-bottom: 1em;
}


/* == Ensure gap between random tagline and menu == */
@media only screen and (min-width: 482px) {
	.site-branding {
		margin-right: var(--global--spacing-horizontal);
	}
}


/* == I don't use Categories, so hide them at the end of posts == */
.cat-links {
	display: none !important;
}