:root {
	--ssc-color-orange: #fd5d00;
	--ssc-color-pink: #b143ae;
	--ssc-color-purple: #451ea9;
	--ssc-color-dark-blue: #272acf;
	--ssc-color-light-blue: #00a0fd;
	--ssc-color-light-green: #009966;
}

body[data-color-scheme="light"] .bg-light {
	background-color: #f5f5f7;
}

.grid-array-6 {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	height: 15px;
	/* margin-top: 4em; */
}

.ssc-color-orange-bg {
	background-color: var(--ssc-color-orange) !important;
}
.ssc-color-pink-bg {
	background-color: var(--ssc-color-pink) !important;
}
.ssc-color-purple-bg {
	background-color: var(--ssc-color-purple) !important;
}
.ssc-color-dark-blue-bg {
	background-color: var(--ssc-color-dark-blue) !important;
}
.ssc-color-light-blue-bg {
	background-color: var(--ssc-color-light-blue) !important;
}
.ssc-color-green-bg {
	background-color: var(--ssc-color-light-green) !important;
}

.ssc-color-orange-font {
	color: var(--ssc-color-orange) !important;
}
.ssc-color-pink-font {
	color: var(--ssc-color-pink) !important;
}
.ssc-color-purple-font {
	color: var(--ssc-color-purple) !important;
}
.ssc-color-dark-blue-font {
	color: var(--ssc-color-dark-blue) !important;
}
.ssc-color-light-blue-font {
	color: var(--ssc-color-light-blue) !important;
}
.ssc-color-green-font {
	color: var(--ssc-color-light-green) !important;
}

body[data-color-scheme="dark"] .ssc-color-purple-font {
	color: #8544f5 !important;
}

body[data-color-scheme="dark"] .ssc-color-dark-blue-font {
	color: #5e74f6 !important;
}

.highlight-text {
	background: linear-gradient(104deg, #ffd6b2 0%, #ffc089 100%);
	padding: 0px 0px;
	/* display: inline-block; */
	box-shadow: 1px 2px 0px #ffd6b2, -1px 2px 0px #ffc089;
	border-radius: 4px;
	line-height: 0.9;
}

body[data-color-scheme="dark"] .highlight-text {
	background: linear-gradient(104deg, #7d3308 0%, #933c0a 100%);
	box-shadow: 1px 2px 0px #7d3308, -4px 2px 0px #933c0a;

	/* background: linear-gradient(104deg, #5e74f6 0%, #272acf 100%);
	box-shadow: 1px 2px 0px #5e74f6, -4px 2px 0px #272acf; */
}

.heavy-font {
	font-weight: 700;
}

.text-gradient-multiline .text-gradient {
	--tg-line-height: 28px;
	--tg-line-count: 2;
	--tg-line-start: 0;
	background-clip: unset;
	background-image: none;
	background-repeat: no-repeat;
	background-position-y: calc(
		var(--tg-line-start, 0) * var(--tg-line-height, 1em)
	);
	background-size: 100%
		calc(var(--tg-line-count, 100%) * var(--tg-line-height, 1em));
}
.text-gradient,
.text-gradient-multiline {
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(45deg, #d2feb4, #12cabf);
}

.no-opacity {
	opacity: 0;
}

ul ul:first-child {
	margin-top: 0.5em;
}

.margin-top-small-2 {
	margin-top: 1em !important;
}

.margin-top-small-3 {
	margin-top: 0.5em !important;
}

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

/* ========== Spread the word button  ========== */

.pill {
	--spread-word-color: #1d1d1f;
	--spread-word-border-color: rgba(29, 29, 31, 0.9);
	border: 1px solid var(--spread-word-border-color);
	border-radius: 23px;
	color: var(--spread-word-border-color);
	vertical-align: middle;
	padding: 6px 16px;
	font-size: 14px;
	line-height: 1.42859;
	font-weight: 400;
	letter-spacing: -0.016em;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
	color: inherit;
	text-decoration: none;
}

body[data-color-scheme="dark"] .pill {
	--spread-word-color: #e2e2e0;
	--spread-word-border-color: rgba(226, 226, 224, 0.9);
}

.pill:hover {
	text-decoration: none;
	border-width: 2px;
	padding: 5px 15px;
	border-color: var(--spread-word-color);
}

/* ========== Social  ========== */
.social {
	min-height: 34px;
}

.social-option {
	margin-right: 1.5em;
	opacity: 0;
	transform: translateX(-100%);
	transition: opacity 0.65s, transform 0.65s;
}

@font-face {
	font-family: "social-media-font";
	src: url("/news/styles/fonts/social-media-font.woff") format("woff"),
		url("/news/styles/fonts/social-media-font.ttf") format("truetype");
}

.social .social-icon {
	color: #000;
	font-size: 24px;
}

.social-tooltip {
	/* position: absolute; */
	/* top: -8px;
	left: 30px; */
	font-size: 0.7em;
	background: #000;
	color: #fff;
	padding: 5px;
	/* line-height: 1; */
	border-radius: 3px;
	letter-spacing: 0em;
	height: fit-content;
}

body[data-color-scheme="dark"] .social .social-icon {
	color: #fff;
}

.social *,
.social li {
	cursor: default !important;
}

.icon:hover:after {
	color: rgb(41, 151, 255);
}

.icon.icon-share::before,
.icon.icon-share::after {
	font-family: "social-media-font" !important;
	content: "";
}

.icon.icon-facebook::before,
.icon.icon-facebook::after {
	font-family: "social-media-font" !important;
	content: "";
}

.icon.icon-link::before,
.icon.icon-link::after {
	font-family: "social-media-font" !important;
	content: "";
}

.icon.icon-mail::before,
.icon.icon-mail::after {
	font-family: "social-media-font" !important;
	content: "";
}

.icon.icon-instagram::before,
.icon.icon-instagram::after {
	font-family: "social-media-font" !important;
	content: "";
}

.icon.icon-pinterest::before,
.icon.icon-pinterest::after {
	font-family: "social-media-font" !important;
	content: "";
}

.icon.icon-tumblr::before,
.icon.icon-tumblr::after {
	font-family: "social-media-font" !important;
	content: "";
}

.icon.icon-twitter::before,
.icon.icon-twitter::after {
	font-family: "social-media-font" !important;
	content: "";
}

.icon.icon-linkedin::before,
.icon.icon-linkedin::after {
	font-family: "social-media-font" !important;
	content: "";
}

/* .icon.icon-arrowdowncircle::before,
.icon.icon-arrowdowncircle::after {
font-family: "social-media-font" !important;
content: ""
} */
.icon.icon-filter::before,
.icon.icon-filter::after {
	font-family: "social-media-font" !important;
	content: "";
}

.icon.icon-search::before,
.icon.icon-search::after {
	font-family: "social-media-font" !important;
	content: "";
}

.icon.icon-weibo::before,
.icon.icon-weibo::after {
	font-family: "social-media-font" !important;
	content: "";
}

.icon.icon-wechat::before,
.icon.icon-wechat::after {
	font-family: "social-media-font" !important;
	content: "";
}

.icon.icon-vk::before,
.icon.icon-vk::after {
	font-family: "social-media-font" !important;
	content: "";
}

.icon.icon-kakao::before,
.icon.icon-kakao::after {
	font-family: "social-media-font" !important;
	content: "";
}

.icon.icon-paginationright::before,
.icon.icon-paginationright::after {
	font-family: "social-media-font" !important;
	content: "";
}

/* ========== Grid  ========== */
#main section.section {
	padding-top: 4em;
	padding-bottom: 4em;
}

#main section.section.section-hero {
	padding-bottom: 6em;
}

#main section.section.section-hero-amin {
	padding-top: 0;
}

#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.section-hero {
		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: 734px) {
	#main section.section {
		padding-top: 3em;
		padding-bottom: 3em;
	}

	#main section.section.section-hero {
		padding-bottom: 3em;
	}

	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}