h2 {
	margin-top: 1.6em;
}

a .tile-content h4,
a .tile-content p {
	color: var(--sk-body-text-color);
}
#main a.block-link:hover {
	text-decoration: none;
}
#main a.block-link .tile-content .link {
	color: var(--sk-body-text-color);
}
#main a.block-link:hover .tile-content .link {
	text-decoration: underline;
	color: var(--sk-body-text-color);
}
#main a.block-link .tile.theme-dark {
	background: #0055c7;
	transition: background 0.2s ease-in-out;
}
#main a.block-link:hover .tile.theme-dark {
	background: #0149a9;
}
body[data-color-scheme="dark"] #main a.block-link .tile.theme-dark {
	background: #061d4f;
	transition: background 0.2s ease-in-out;
}
body[data-color-scheme="dark"] #main a.block-link:hover .tile.theme-dark {
	background: #082667;
}

.bg-custom {
	background: linear-gradient(to bottom, #d5e8f3 0%, #fff 100%);
}
body[data-color-scheme="dark"] .bg-custom {
	background: linear-gradient(to bottom, #0b1224 0%, #03050b 50%);
}
html body[data-color-scheme="dark"] .section-articles.bg-gradient,
html body[data-color-scheme="dark"].theme-dark .bg-gradient {
	background: #111 !important;
	background-color: #111;
}

.image-light {
	display: block;
}
.image-dark {
	display: none;
}
body[data-color-scheme="dark"] .image-light {
	display: none;
}
body[data-color-scheme="dark"] .image-dark {
	display: block;
}

sf-symbol + h3,
img + h3 {
	margin-top: 20px;
}

sf-symbol {
	font-size: 70px;
	color: #91dbff;
	margin-left: -9px;
}
body[data-color-scheme="dark"] sf-symbol {
	color: #6dc3f7;
}

.svg-convert {
	filter: brightness(0) saturate(100%) invert(76%) sepia(16%) saturate(920%) hue-rotate(164deg)
		brightness(102%) contrast(102%);
}
body[data-color-scheme="dark"] .svg-convert {
	filter: brightness(0) saturate(100%) invert(64%) sepia(99%) saturate(589%) hue-rotate(174deg)
		brightness(88%) contrast(95%);
}

/* .hero-wrap {
	width: 100%;
} */

@media only screen and (max-width: 734px) {
	.sm-icon-hide {
		display: none !important;
		visibility: hidden !important;
	}
}

.hero-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	justify-items: center;
	align-items: center;
	gap: 1rem;
	padding: 0 1.5rem;
	width: fit-content;
}

@media only screen and (max-width: 734px) {
	.hero-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

.hero-wrap sf-symbol,
.hero-wrap img.svg-inline.svg-convert {
	font-size: 54px;
	padding: 25px 10px 0;
}
@media only screen and (max-width: 375px) {
	.hero-wrap sf-symbol,
	.hero-wrap img.svg-inline {
		padding: 25px 5px 0;
	}
}
.hero-wrap sf-symbol {
	color: #000;
}
body[data-color-scheme="dark"] .hero-wrap sf-symbol {
	color: #fff;
}

.hero-wrap img.svg-inline.svg-convert {
	filter: brightness(0) saturate(100%);
}
body[data-color-scheme="dark"] .hero-wrap img.svg-inline.svg-convert {
	filter: brightness(100) saturate(0%);
}

section.more-from-developer {
	padding-top: 20px;
	padding-bottom: 60px;
}

/* ========== Grid Changes ========== */
#main section.section {
	padding-top: 4em;
	padding-bottom: 4em;
}
#main section .section-content .row {
	margin-left: 0;
	margin-right: 0;
}
#main section .section-content .row > .column {
	padding: 0;
}

@media only screen and (max-width: 1068px) {
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}

@media only screen and (max-width: 734px) {
	#main section.section {
		padding-top: 3em;
		padding-bottom: 3em;
	}
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}