a {
	color: var(--black);
	text-decoration: none;
	transition: color 250ms;
}

a:hover {
	color: var(--red);
	text-decoration: none;
	transition: color 250ms;
}

/*
a:hover p {
	color: var(--black);
}
 */

main p a:not([class]),
main ul a,
.form-disclaimer a {
	color: var(--red-darker);
	text-decoration: none;
	transition: color 250ms;
}

main p a:not([class]):hover,
main ul a:hover {
	color: var(--red-darker);
	transition: color 250ms;
}

main p a:not([class]):focus,
main ul a:focus {
	color: var(--black);
	transition: color 250ms;
}

h2 a {
	color: var(--black);
	text-decoration: none;
}

h2 a:hover {
	color: var(--red);
	text-decoration: none;
}

h2 a:focus {
	color: var(--red);
}

/* Heading Links */

a .circle {
	color: var(--red);
}

a:hover .circle {
	color: var(--black);
}

a:focus .circle {
	color: var(--black);
}

.link-more {
	color: var(--red);
	font-family: "Lilita One", Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	letter-spacing: 0.07em;
	text-decoration: none;
	text-transform: uppercase;
}

.link-more::before {
	content: '›';
	display: inline-block;
	margin-right: 0.125em;
	margin-left: 0.125em;
	transform: translateY(-1px);
}

.link-more:hover {
	color: var(--black);
}

.link-more:focus,
.link-more:active {
	color: var(--white);
}

.link-reset {
	color: var(--red);
	font-family: "Lilita One", Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	letter-spacing: 0.07em;
	text-decoration: none;
	text-transform: uppercase;
}

.link-reset:hover {
	color: var(--white);
}

.link-reset:focus {
	color: var(--black);
}





/* Component specific variations */

.swiper-quotes .link-more {
	color: var(--white);
}

.swiper-quotes .link-more:hover {
	color: var(--black);
}


/* Recipe Detail */

.sidebar h2 + a {
	font-size: 20px;
}

/* Focus outline for all focusable elements */
/*
:focus {
	outline: 2px dashed var(--red);
}
 */