/*
 ************************************************************
 * BASE
 ************************************************************
 * ----------------------------------------------------------
 * GLOBAL
 * ----------------------------------------------------------
 */

/* DEFAULT */

:root
{
	--font-body: 'Sora', sans-serif;
	--font-feat: 'Sora', sans-serif;
	--color-white: #ffffff;
	--color-black: #000000;
	--color-darkgray-1: #111111;
	--color-darkgray-1: #222222;
	--color-gray-1: #666666;
	--color-gray-2: #888888;
	--color-lightgray-1: #efefef;
	--color-lightgray-2: #e5e5e5;
	--color-cvi-1: #2c003c;
	--color-cvi-2: #ff0640;
	--color-cvi-3: #e9fffe;
}

#top i,
#top a,
#top a::before,
#top a img,
#top dl,
#top dt,
#top dd,
#top span,
#top path,
#top circle,
#top strong,
#top label,
#top input,
#top select,
#top textarea,
#top button,
#top .button,
#top .avia-button,
#top .avia-button::before,
#top .avia-menu-text,
#top .avia-menu-text::before,
#top .thumb,
#top .thumb::before,
#top .title,
#top .toggler,
#top .colorbox,
#top .meta,
#top .more,
#top .item,
#top .item__inner
{
	transition-property: opacity,fill,color,border-color,background-color,top,left,right,bottom;
	transition-duration: .3s;
	transition-timing-function: ease;
}

/* TYPO */

body
{
	font-family: var(--font-body);
	line-height: 1.6em;
}

b,
b a,
strong,
strong a
{
	font-weight: 500;
}

.special_amp
{
	color: inherit !important;
	font-family: inherit;
	font-size: inherit;
	font-style: normal;
	font-weight: 300;
}

::marker
{
	font-weight: 600;
	color: var(--color-cvi-2);
}

h1,
h2,
h3,
h4,
h5,
h6
{
	font-family: var(--font-feat);
}

.template-page .entry-content-wrapper h1,
.template-page .entry-content-wrapper h2
{
	letter-spacing: 0;
}

/* BLOCKQUOTE */

blockquote
{
	position: relative;
	padding: 48px 24px;
	font-size: 1.1em;
	border: none;
	border-radius: 20px;
	background-color: var(--color-lightgray-2);
}

blockquote p
{
	margin: 2em 0;
}

blockquote p:first-child
{
	margin-top: 1em;
}

blockquote p:last-child
{
	margin-bottom: 0;
}

blockquote::before
{
	content: url('../img/svg/quote.svg');
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 24px;
	width: 32px;
	height: 32px;
	padding: 16px;
	border-radius: 8px;
	transform: translateY(-50%);
	background-color: var(--color-cvi-1);
}