.spire-shortcuts-inner{
	padding: 40px 0;
}
:root ul.spire-shortcuts-links{
	list-style-type: none;
	padding: 0;
	margin: 0;

	/* display: flex;
	flex-direction: column;
	justify-content: center; */
}

li.spire-shortcuts-link{
	padding: 0 0 10px 0;
	display: flex;
	
	/* border: 1px dotted red;	 */
}
@media (min-width: 768px) {
	:root ul.spire-shortcuts-links{
		/* flex-direction: row; */
	}
	li.spire-shortcuts-link{
		padding: 0;
		flex-basis: 33%;
		
	}
}
.editor-styles-wrapper .spire-shortcuts-link a,
.spire-shortcuts-link a{
	padding: 6px 0 4px 0;
	flex-basis: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	color: black;
	
	border-bottom: 1px solid black;
	text-decoration: none;
}
	:root .spire-shortcuts .spire-shortcuts-link a:hover{
		border-bottom: 1px solid var(--global-palette1 );
	}




	.spire-shortcuts .spire-shortcuts-link a:hover .spire-shortcuts-link-heading{
		color: var(--global-palette1 );
	}

	.spire-shortcuts-arrow-wrap{
		width: 22px;
		height: 22px;
		margin-right: 10px;
		margin-left: 10px;
		/* border: 1px solid lightblue; */
	}
	
	.spire-shortcuts-arrow-wrap #arrow-right{
		width: 22px;
		height: 22px;
	}

	:root .spire-shortcuts .spire-shortcuts-link a:hover #arrow-right path{
		fill: var(--global-palette1);
	}

	.spire-shortcuts-arrow-wrap{
		transition: transform .4s ease ;
		transform: translateX(0) scale(1);
	}

	.spire-shortcuts-link a:hover .spire-shortcuts-arrow-wrap{
		transform: translateX(10px) scale(1.2);
	}

	ul.spire-shortcuts-links{
		display: grid;
		-webkit-column-gap: 40px;
		-moz-column-gap: 40px;
		column-gap: 40px;
		-webkit-row-gap: 10px;
		-moz-row-gap: 10px;
		row-gap: 10px;
	}
	.spire-shortcuts.black-bg ul.spire-shortcuts-links{
		-webkit-row-gap: 10px;
		-moz-row-gap: 10px;
		row-gap: 10px;
	}
	@media (min-width: 768px) {
		.cols-tab-1 ul.spire-shortcuts-links{
			grid-template-columns: repeat(1, minmax(0, 1fr));
		}
		.cols-tab-2 ul.spire-shortcuts-links{
			grid-auto-rows: 1fr;
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
		.cols-tab-3 ul.spire-shortcuts-links{
			grid-auto-rows: 1fr;
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
		.cols-tab-4 ul.spire-shortcuts-links{
			grid-auto-rows: 1fr;
			grid-template-columns: repeat(4, minmax(0, 1fr));
		}
	}
	@media (min-width: 1024px) {
		.cols-dt-1 ul.spire-shortcuts-links{
			grid-template-columns: repeat(1, minmax(0, 1fr));
		}
		.cols-dt-2 ul.spire-shortcuts-links{
			grid-auto-rows: 1fr;
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
		.cols-dt-3 ul.spire-shortcuts-links{
			grid-auto-rows: 1fr;
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
		.cols-dt-4 ul.spire-shortcuts-links{
			grid-auto-rows: 1fr;
			grid-template-columns: repeat(4, minmax(0, 1fr));
		}
	}


.editor-styles-wrapper .spire-shortcuts.black-bg .spire-shortcuts-link a,
.spire-shortcuts.black-bg .spire-shortcuts-link a{
	padding: 10px 0 4px 10px;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	color: #fff;
}

.spire-shortcuts.black-bg .spire-shortcuts-link-heading{
	color: #fff;
}

.spire-shortcuts.black-bg .spire-shortcuts-link a #arrow-right path{
	fill: #fff;
}

.spire-shortcuts.with-excerpt .spire-shortcuts-link a{
	flex-wrap: wrap;
}
.spire-shortcuts-excerpt{
	flex-basis: 100%;
	padding-right: 30px;
}


.spire-shortcuts-link-heading,
.editor-styles-wrapper .spire-shortcuts h1.spire-shortcuts-link-heading, 
.editor-styles-wrapper .spire-shortcuts h2.spire-shortcuts-link-heading, 
.editor-styles-wrapper .spire-shortcuts h3.spire-shortcuts-link-heading, 
.editor-styles-wrapper .spire-shortcuts h4.spire-shortcuts-link-heading, 
.editor-styles-wrapper .spire-shortcuts h5.spire-shortcuts-link-heading, 
.editor-styles-wrapper .spire-shortcuts h6.spire-shortcuts-link-heading,
.single-content h1.spire-shortcuts-link-heading, 
.single-content h2.spire-shortcuts-link-heading, 
.single-content h3.spire-shortcuts-link-heading, 
.single-content h4.spire-shortcuts-link-heading, 
.single-content h5.spire-shortcuts-link-heading, 
.single-content h6.spire-shortcuts-link-heading {
	margin: 0;
	padding: 0;
	font-weight: 100;
	font-size: 22px;
	line-height: 1.2;
	text-transform: uppercase;
}
@media (min-width: 768px) {
	.spire-shortcuts-link-heading,
	.editor-styles-wrapper .spire-shortcuts h1.spire-shortcuts-link-heading, 
	.editor-styles-wrapper .spire-shortcuts h2.spire-shortcuts-link-heading, 
	.editor-styles-wrapper .spire-shortcuts h3.spire-shortcuts-link-heading, 
	.editor-styles-wrapper .spire-shortcuts h4.spire-shortcuts-link-heading, 
	.editor-styles-wrapper .spire-shortcuts h5.spire-shortcuts-link-heading, 
	.editor-styles-wrapper .spire-shortcuts h6.spire-shortcuts-link-heading,
	.single-content h1.spire-shortcuts-link-heading, 
	.single-content h2.spire-shortcuts-link-heading, 
	.single-content h3.spire-shortcuts-link-heading, 
	.single-content h4.spire-shortcuts-link-heading, 
	.single-content h5.spire-shortcuts-link-heading, 
	.single-content h6.spire-shortcuts-link-heading {
		font-size: 32px;
	}
}
.editor-styles-wrapper .spire-shortcuts.with-excerpt .spire-shortcuts-link-heading,
.spire-shortcuts.with-excerpt .spire-shortcuts-link-heading{
	margin: 0;
	font-size: 22px;
}