/home/bdqbpbxa/rc-subdomains/waykay-rc.goodface.com.ua/frontend/css/ui-kit/editor.css
.editor>*:first-child {
margin-top: 0 !important;
}
.editor h1 {
font-family: 'Supply', sans-serif;
text-align: center;
font-size: 72px;
font-weight: 400;
line-height: 120%;
letter-spacing: -2.16px;
text-transform: uppercase;
margin-bottom: 58px;
}
.editor h2 {
font-family: 'Supply', sans-serif;
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: 110%;
margin-top: 87px;
letter-spacing: normal;
}
.editor h3 {
font-family: 'Supply', sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 120%;
letter-spacing: normal;
margin-top: 40px;
}
.editor li h3 {
margin-top: 0;
}
.editor li,
.editor p {
color: var(--white-80, rgba(255, 255, 255, 0.80));
/* description */
font-family: 'IBM Plex Sans';
font-size: 22px;
font-weight: 500;
line-height: 130%;
letter-spacing: 0.66px;
}
.editor a,
.editor i {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
cursor: pointer;
color: var(--purple, #C3ABFF);
transition: color 0.4s, opacity 0.4s;
}
.editor p {
margin-top: 25px;
}
.editor li {
list-style-type: none;
}
.editor li li {
font-family: 'IBM Plex Sans';
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 160%;
/* 28.8px */
letter-spacing: 0.54px;
}
.editor ol>li+li {
margin-top: 30px;
}
.editor ol {
counter-reset: numbered-list;
}
.editor ol>li::before {
counter-increment: numbered-list;
content: counter(numbered-list)". ";
color: var(--purple, #C3ABFF);
display: inline;
}
.editor ol li p {
display: inline;
margin-left: 0;
}
.editor ol ul {
margin-top: 20px;
padding-left: 35px;
}
.editor ul {
margin-top: 20px;
}
.editor ul li+li {
margin-top: 15px;
}
.editor ul li {
position: relative;
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding-left: 21px;
}
.editor ul li:before {
content: '';
position: absolute;
top: 12px;
left: 0;
display: block;
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--purple, #C3ABFF);
}
.editor img {
display: block;
width: 100%;
margin-top: 55px;
}
.editor blockquote {
font-family: 'Supply';
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 120%;
margin-top: 54px;
padding: 7px 0 9px 34px;
letter-spacing: normal;
border-left: 4px solid var(--purple, #C3ABFF);
}
/* bigger modificator*/
.editor.-bigger-ol ol>li:before {
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 120%;
}
.editor.-bigger-ol ol>li+li {
margin-top: 39px;
}
.editor.-bigger-ol ol>li p {
display: block;
margin-top: 25px;
padding-left: 30px;
}
.editor.-bigger-ol ol>li ul {
margin-top: 22px;
}
.editor.-bigger-ol ol>li p+ul {
padding-left: 64px;
}
.editor.-bigger-ol ul li+li {
margin-top: 14px;
}
.editor.-bigger-ol ol>li h3 {
display: inline;
}
.editor.-bigger-ol ol {
margin-top: 44px;
}
@media screen and (max-width: 1024px) {
.editor h1 {
font-size: 40px;
line-height: 120%;
/* 48px */
letter-spacing: -0.8px;
text-align: left;
margin-bottom: 26px;
}
.editor h2 {
font-size: 24px;
line-height: 110%;
margin-top: 31px;
}
.editor h3 {
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 120%;
display: inline-block;
margin-top: 30px;
}
.editor li h3 {
margin-top: 0;
}
.editor li,
.editor p {
font-size: 18px;
line-height: 140%;
letter-spacing: 0.54px;
}
.editor p {
margin-top: 25px;
}
.editor li li {
font-size: 16px;
line-height: 160%;
letter-spacing: 0.48px;
}
.editor ol>li+li {
margin-top: 24px;
}
.editor ol ul {
margin-top: 21px;
padding-left: 34px;
}
.editor ul li+li {
margin-top: 17px;
}
.editor ul li {
padding-left: 21px;
}
.editor ul li:before {
top: 10px;
left: 0;
}
.editor.-bigger-ol ol>li:before {
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 120%;
}
.editor.-bigger-ol ol>li+li {
margin-top: 25px;
}
.editor.-bigger-ol ol>li p {
margin-top: 25px;
padding-left: 28px;
}
.editor.-bigger-ol ol>li ul {
margin-top: 21px;
}
.editor.-bigger-ol ol>li p+ul {
padding-left: 52px;
}
.editor.-bigger-ol ul li+li {
margin-top: 16px;
}
.editor.-bigger-ol ol {
margin-top: 31px;
}
.editor img {
margin-top: 43px;
}
.editor blockquote {
position: relative;
border: none;
margin-top: 51px;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 120%;
padding: 0 0 0 38px;
}
.editor blockquote:before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 4px;
background: var(--purple, #C3ABFF);
}
}