959 lines
21 KiB
CSS
959 lines
21 KiB
CSS
|
@font-face {
|
||
|
|
font-family: Roboto;
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 300;
|
||
|
|
src: local("Roboto Light"),
|
||
|
|
url(../fonts/roboto-v20-latin_cyrillic-300.b6e1d0fd.woff2)
|
||
|
|
format("woff2"),
|
||
|
|
url(../fonts/roboto-v20-latin_cyrillic-300.fd46dc46.woff)
|
||
|
|
format("woff");
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: Roboto;
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 400;
|
||
|
|
src: local("Roboto"), local("Roboto-Regular"),
|
||
|
|
url(../fonts/roboto-v20-cyrillic_latin-regular.9af3b948.woff2)
|
||
|
|
format("woff2"),
|
||
|
|
url(../fonts/roboto-v20-cyrillic_latin-regular.c2bf54bc.woff) format("woff");
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: Roboto;
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 500;
|
||
|
|
src: local("Roboto Medium"), local("Roboto-Medium"),
|
||
|
|
url(../fonts/roboto-v20-cyrillic_latin-500.2e0bf09a.woff2)
|
||
|
|
format("woff2"),
|
||
|
|
url(../fonts/roboto-v20-cyrillic_latin-500.18a127e9.woff)
|
||
|
|
format("woff");
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: Roboto;
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 700;
|
||
|
|
src: local("Roboto Bold"), local("Roboto-Bold"),
|
||
|
|
url(../fonts/roboto-v20-cyrillic_latin-700.12551865.woff2)
|
||
|
|
format("woff2"),
|
||
|
|
url(../fonts/roboto-v20-cyrillic_latin-700.cf6c1c77.woff)
|
||
|
|
format("woff");
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: Montserrat;
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 400;
|
||
|
|
src: local("Montserrat Regular"), local("Montserrat-Regular"),
|
||
|
|
url(../fonts/montserrat-v14-cyrillic_latin-regular.4cd0fd34.woff2)
|
||
|
|
format("woff2"),
|
||
|
|
url(../fonts/montserrat-v14-cyrillic_latin-regular.b3e1c2f0.woff)
|
||
|
|
format("woff");
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: Montserrat;
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 500;
|
||
|
|
src: local("Montserrat Medium"), local("Montserrat-Medium"),
|
||
|
|
url(../fonts/montserrat-v14-cyrillic_latin-500.b4c1a1dc.woff2)
|
||
|
|
format("woff2"),
|
||
|
|
url(../fonts/montserrat-v14-cyrillic_latin-500.33e07a1e.woff) format("woff");
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: Montserrat;
|
||
|
|
font-style: italic;
|
||
|
|
font-weight: 600;
|
||
|
|
src: local("Montserrat SemiBold Italic"), local("Montserrat-SemiBoldItalic"),
|
||
|
|
url(../fonts/montserrat-v14-cyrillic_latin-600italic.6733d553.woff2)
|
||
|
|
format("woff2"),
|
||
|
|
url(../fonts/montserrat-v14-cyrillic_latin-600italic.eb92a281.woff)
|
||
|
|
format("woff");
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: Montserrat;
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 600;
|
||
|
|
src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"),
|
||
|
|
url(../fonts/montserrat-v14-cyrillic_latin-600.452d12d2.woff2)
|
||
|
|
format("woff2"),
|
||
|
|
url(../fonts/montserrat-v14-cyrillic_latin-600.fc3fe01e.woff) format("woff");
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: Montserrat;
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 700;
|
||
|
|
src: local("Montserrat Bold"), local("Montserrat-Bold"),
|
||
|
|
url(../fonts/montserrat-v14-cyrillic_latin-700.bbc96d50.woff2)
|
||
|
|
format("woff2"),
|
||
|
|
url(../fonts/montserrat-v14-cyrillic_latin-700.dda8fc16.woff) format("woff");
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: "Font Awesome 5 Free";
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 400;
|
||
|
|
src: url(../webfonts/fa-regular-400.eot);
|
||
|
|
src: url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),
|
||
|
|
url(../webfonts/fa-regular-400.woff2) format("woff2"),
|
||
|
|
url(../webfonts/fa-regular-400.woff) format("woff"),
|
||
|
|
url(../webfonts/fa-regular-400.ttf) format("truetype"),
|
||
|
|
url(../webfonts/fa-regular-400.svg#fontawesome) format("svg");
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: "Font Awesome 5 Free";
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 900;
|
||
|
|
src: url(../webfonts/fa-solid-900.eot);
|
||
|
|
src: url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),
|
||
|
|
url(../webfonts/fa-solid-900.woff2) format("woff2"),
|
||
|
|
url(../webfonts/fa-solid-900.woff) format("woff"),
|
||
|
|
url(../webfonts/fa-solid-900.ttf) format("truetype"),
|
||
|
|
url(../webfonts/fa-solid-900.svg#fontawesome) format("svg");
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: icomoon;
|
||
|
|
src: url(../fonts/icomoon.0a74426f.eot);
|
||
|
|
src: url(../fonts/icomoon.0a74426f.eot) format("embedded-opentype"),
|
||
|
|
url(../fonts/icomoon.9f5fd7b1.ttf) format("truetype"),
|
||
|
|
url(../fonts/icomoon.7d4ac7df.woff) format("woff"),
|
||
|
|
url(../img/icomoon.0a105a7b.svg) format("svg");
|
||
|
|
font-weight: 400;
|
||
|
|
font-style: normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wp-block-heading {
|
||
|
|
font-weight: 700;
|
||
|
|
font-size: 20px;
|
||
|
|
}
|
||
|
|
/* ------------------------------------------------------------Типография и общие стили----------------------------------- */
|
||
|
|
:root {
|
||
|
|
--color-black: #000;
|
||
|
|
--color-grey: #7D8D93;
|
||
|
|
--color-white: #fff;
|
||
|
|
--color-violet: #7245FF;
|
||
|
|
}
|
||
|
|
h1, .article-title {
|
||
|
|
font-family: Montserrat, sans-serif;
|
||
|
|
font-size: 35px;
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 700;
|
||
|
|
line-height: normal;
|
||
|
|
color: var(--color-black);
|
||
|
|
}
|
||
|
|
h2 {
|
||
|
|
font-family: Montserrat, sans-serif;
|
||
|
|
font-size: 30px;
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 700;
|
||
|
|
line-height: normal;
|
||
|
|
color: var(--color-black);
|
||
|
|
}
|
||
|
|
h3 {
|
||
|
|
font-family: Montserrat, sans-serif;
|
||
|
|
font-size: 22px;
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 700;
|
||
|
|
line-height: normal;
|
||
|
|
color: var(--color-black);
|
||
|
|
}
|
||
|
|
h4 {
|
||
|
|
font-family: Roboto, sans-serif;
|
||
|
|
font-size: 20px;
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 400;
|
||
|
|
line-height: normal;
|
||
|
|
color: var(--color-black);
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
color: var(--color-black);
|
||
|
|
font-family: Roboto, sans-serif;
|
||
|
|
font-size: 18px;
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 400;
|
||
|
|
line-height: 140%; /* 25.2px */
|
||
|
|
}
|
||
|
|
h2.wp-block-heading {
|
||
|
|
font-size: 25px;
|
||
|
|
margin: 20px 0;
|
||
|
|
}
|
||
|
|
/* ------------------------------------------------------/Типография и общие стили----------------------------------------- */
|
||
|
|
/* ------------------------------------------------------------------списки----------------------------------------------- */
|
||
|
|
.ppd-article li {
|
||
|
|
margin-left: 18px;
|
||
|
|
padding-left: 28px;
|
||
|
|
font-family: Roboto, sans-serif;
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: 400;
|
||
|
|
line-height: 21px;
|
||
|
|
color: #7F7F7F;
|
||
|
|
margin-bottom: 26px;
|
||
|
|
}
|
||
|
|
::marker {
|
||
|
|
color: #5A3FC6;
|
||
|
|
font-weight: 700;
|
||
|
|
font-size: 16px;
|
||
|
|
font-family: Roboto, sans-serif;
|
||
|
|
line-height: 21px;
|
||
|
|
padding: 0 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* -----------------------------------------------------------------/списки----------------------------------------------- */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* -----------------------------------------------------------------шапка----------------------------------------------- */
|
||
|
|
.header-content {
|
||
|
|
border-bottom: 1px solid #A4ABB633;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
.logo {
|
||
|
|
width: 120px;
|
||
|
|
}
|
||
|
|
.site-navigation .header-content.dense {
|
||
|
|
height: unset;
|
||
|
|
}
|
||
|
|
#menu-header a {
|
||
|
|
padding: 18px 0;
|
||
|
|
}
|
||
|
|
.site-header {
|
||
|
|
height: 80px;
|
||
|
|
}
|
||
|
|
/* -----------------------------------------------------------------/шапка----------------------------------------------- */
|
||
|
|
|
||
|
|
|
||
|
|
#breadcrumbs, #breadcrumbs a {
|
||
|
|
color: var(--color-grey);
|
||
|
|
font-family: Roboto;
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
/* -----------------------------------------------------------------before-content__container----------------------------------------------- */
|
||
|
|
.breadcrumbs-container {
|
||
|
|
max-width: 1200px;
|
||
|
|
width: 100%;
|
||
|
|
margin: auto;
|
||
|
|
padding: 0 19px;
|
||
|
|
}
|
||
|
|
.breadcrump-separator {
|
||
|
|
margin: 0 6px;
|
||
|
|
}
|
||
|
|
.before-content__container {
|
||
|
|
max-width: 1200px;
|
||
|
|
width: 100%;
|
||
|
|
margin: auto;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
margin-top: 24px;
|
||
|
|
column-gap: 40px;
|
||
|
|
}
|
||
|
|
.editable-header {
|
||
|
|
font-size: 35px;
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
.slider-details {
|
||
|
|
margin-top: 38px;
|
||
|
|
margin-left: 18px;
|
||
|
|
}
|
||
|
|
.slider__container .article-card-details {
|
||
|
|
padding: 19px 0;
|
||
|
|
}
|
||
|
|
.slider .article-card-tags {
|
||
|
|
margin-left: 0;
|
||
|
|
margin-bottom: 8px;
|
||
|
|
}
|
||
|
|
.slider .article-card-date {
|
||
|
|
margin-left: 24px;
|
||
|
|
}
|
||
|
|
.slider .article-card-tags .article-card-tag:first-child {
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
.slider-img__container {
|
||
|
|
max-height: 411px;
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.slider-img__container img {
|
||
|
|
width: 100%;
|
||
|
|
height: auto;
|
||
|
|
object-fit: cover;
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.slider-header {
|
||
|
|
font-size: 20px;
|
||
|
|
font-weight: 400;
|
||
|
|
font-family: Roboto, sans-serif;
|
||
|
|
}
|
||
|
|
.slider__container .container {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
#prevSlide, #nextSlide {
|
||
|
|
position: absolute;
|
||
|
|
background: #fff;
|
||
|
|
border-radius: 50%;
|
||
|
|
z-index: 1;
|
||
|
|
background-image: url(../img/slider-arrow.svg);
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: center;
|
||
|
|
top: 32%;
|
||
|
|
width: 48px;
|
||
|
|
height: 48px;
|
||
|
|
}
|
||
|
|
#prevSlide {
|
||
|
|
left: 14px;
|
||
|
|
transform: rotatey(180deg);
|
||
|
|
}
|
||
|
|
#nextSlide {
|
||
|
|
right: 22px;
|
||
|
|
}
|
||
|
|
.editable-header-additional {
|
||
|
|
color: var(--color-grey);
|
||
|
|
font-family: Roboto;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 400;
|
||
|
|
margin-top: 5px;
|
||
|
|
}
|
||
|
|
.slider__container {
|
||
|
|
margin-top: 20px;
|
||
|
|
background: #F9F9FC;
|
||
|
|
}
|
||
|
|
.banner__container {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.before-content__left {
|
||
|
|
width: 74%;
|
||
|
|
}
|
||
|
|
.links-container {
|
||
|
|
padding: 10px 18px;
|
||
|
|
background: #F2F5FF;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
margin-top: 10px;
|
||
|
|
max-width: 250px;
|
||
|
|
padding-left: 8px;
|
||
|
|
margin-left: auto;
|
||
|
|
|
||
|
|
}
|
||
|
|
.links-header {
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 500;
|
||
|
|
color: #4D4D4D;
|
||
|
|
margin-right: 6px;
|
||
|
|
margin-left: auto;
|
||
|
|
}
|
||
|
|
.links-container a {
|
||
|
|
display: flex;
|
||
|
|
margin-left: 9px;
|
||
|
|
}
|
||
|
|
.latest-articles__item {
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
.before-content__right .latest-articles__list {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
row-gap: 41px;
|
||
|
|
padding-left: 0;
|
||
|
|
margin-top: 22px;
|
||
|
|
}
|
||
|
|
.before-content__latest-articles {
|
||
|
|
margin-top: 28px;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
.readingnow-post_avatar, .readingnow-post_avatar img {
|
||
|
|
width: 16px;
|
||
|
|
height: 16px;
|
||
|
|
border-radius: 50%;
|
||
|
|
object-fit: cover;
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.readingnow-post__tags {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
margin-top: 14px;
|
||
|
|
}
|
||
|
|
.readingnow-post__body:hover .readingnow-post__heading, .index-trust-slider .lslide:hover .slider-header, #breadcrumbs a:hover{
|
||
|
|
color: #7245ff;
|
||
|
|
}
|
||
|
|
.latest-articles__item .readingnow-post__heading {
|
||
|
|
font-size: 17px;
|
||
|
|
margin: 0;
|
||
|
|
line-height: normal;
|
||
|
|
}
|
||
|
|
.readingnow-post__tags .article-card-date {
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
.latest-articles__header {
|
||
|
|
font-family: Montserrat;
|
||
|
|
font-size: 21px;
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
.article-card-details {
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.v-sheet.v-card {
|
||
|
|
border-radius: 13px;
|
||
|
|
}
|
||
|
|
.links-container a:hover .icon-main-color {
|
||
|
|
fill: #0273AA;
|
||
|
|
}
|
||
|
|
.links-container a:hover .icon-main-color.icon-youtube {
|
||
|
|
fill: #BB0101;
|
||
|
|
}
|
||
|
|
.icon-main-color {
|
||
|
|
transition: .15s ease-in-out;
|
||
|
|
}
|
||
|
|
.gift-for-registration {
|
||
|
|
border-radius: 5px;
|
||
|
|
background: url(../img/maskot.webp) left center no-repeat, #F2F5FF;
|
||
|
|
width: 100%;
|
||
|
|
display: flex;
|
||
|
|
padding: 30px 22px;
|
||
|
|
}
|
||
|
|
.gift-for-registration .btn {
|
||
|
|
display: inline-block;
|
||
|
|
padding: 9px 23px;
|
||
|
|
margin: auto;
|
||
|
|
}
|
||
|
|
.gift-for-registration h2 {
|
||
|
|
font-family: Montserrat, sans-serif;
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 700;
|
||
|
|
font-size: 30px;
|
||
|
|
line-height: 33px;
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
.gift-for-registration p {
|
||
|
|
font-family: Roboto, sans-serif;
|
||
|
|
font-size: 16px;
|
||
|
|
line-height: 28px;
|
||
|
|
color: #000;
|
||
|
|
margin-bottom: 0 !important;
|
||
|
|
}
|
||
|
|
/* -----------------------------------------------------------------/before-content__container---------------------------------------------- */
|
||
|
|
.banner-banki {
|
||
|
|
width: 100%;
|
||
|
|
height: 50px;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
margin: auto;
|
||
|
|
background: burlywood;
|
||
|
|
text-align: center;
|
||
|
|
justify-content: center;
|
||
|
|
color: #573636;
|
||
|
|
}
|
||
|
|
/* -----------------------------------------------------------------слайдер---------------------------------------------- */
|
||
|
|
|
||
|
|
/* -----------------------------------------------------------------/слайдер---------------------------------------------- */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* -----------------------------------------------------------------Интересные предложения по банковским продуктам---------------------------------------------- */
|
||
|
|
.partner_block {
|
||
|
|
width: 100%;
|
||
|
|
background: #F2F5FF;
|
||
|
|
}
|
||
|
|
/* ----------------------------------------------------------------/Интересные предложения по банковским продуктам---------------------------------------------- */
|
||
|
|
|
||
|
|
|
||
|
|
/* -----------------------------------------------------------------пагинация----------------------------------------------- */
|
||
|
|
.pagination-container {
|
||
|
|
width: 100%;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
.pagination-container .prev, .pagination-container .next {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
/* -----------------------------------------------------------------/пагинация----------------------------------------------- */
|
||
|
|
|
||
|
|
|
||
|
|
/* -----------------------------------------------------------------Posts like dislike----------------------------------------------- */
|
||
|
|
.pld-common-wrap {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.pld-common-wrap a {
|
||
|
|
border: none !important;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.pld-count-wrap
|
||
|
|
{
|
||
|
|
margin-left: 2px;
|
||
|
|
}
|
||
|
|
/* ----------------------------------------------------------------/Posts like dislike----------------------------------------------- */
|
||
|
|
|
||
|
|
|
||
|
|
/* -----------------------------------------------------------------карточка статьи----------------------------------------------- */
|
||
|
|
.article-card-body .epvc-post-count {
|
||
|
|
font-size: 10px;
|
||
|
|
}
|
||
|
|
/* ----------------------------------------------------------------/карточка статьи----------------------------------------------- */
|
||
|
|
|
||
|
|
/* -----------------------------------------------------------------table of contentes(плагин содержания)-------------------------- */
|
||
|
|
#toc_container {
|
||
|
|
border-radius: 13px;
|
||
|
|
}
|
||
|
|
#toc_container .toc_title {
|
||
|
|
font-size: 22px;
|
||
|
|
margin-bottom: 8px;
|
||
|
|
font-weight: 700;
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
#toc_container ul.toc_list {
|
||
|
|
margin-left: 0px;
|
||
|
|
list-style: none;
|
||
|
|
padding-left: 0;
|
||
|
|
}
|
||
|
|
#toc_container ul.toc_list li {
|
||
|
|
font-size: 18px;
|
||
|
|
margin-bottom: 0;
|
||
|
|
color: #6a2be3;
|
||
|
|
list-style: none;
|
||
|
|
line-height: 38px;
|
||
|
|
}
|
||
|
|
/* ----------------------------------------------------------------/table of contentes(плагин содержания)-------------------------- */
|
||
|
|
|
||
|
|
|
||
|
|
/* -----------------------------------------------------------------Single article-------------------------- */
|
||
|
|
.article-container {
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
column-gap: 50px;
|
||
|
|
margin-top: 26px;
|
||
|
|
}
|
||
|
|
.article-header {
|
||
|
|
width: 100%;
|
||
|
|
font-size: 35px;
|
||
|
|
}
|
||
|
|
.article-body {
|
||
|
|
width: 64.2%;
|
||
|
|
}
|
||
|
|
.attachment-post-thumbnail {
|
||
|
|
max-width: 100%;
|
||
|
|
height: auto;
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
.article-aside {
|
||
|
|
width: 27%;
|
||
|
|
background: #F9F9FC;
|
||
|
|
padding: 26px 25px 38px 23px;
|
||
|
|
height: fit-content;
|
||
|
|
border-radius: 13px;
|
||
|
|
}
|
||
|
|
.article-aside .latest-articles__item {
|
||
|
|
margin-top: 25px;
|
||
|
|
}
|
||
|
|
.attachment-post-single {
|
||
|
|
max-width: 100%;
|
||
|
|
height: auto;
|
||
|
|
border-radius: 13px;
|
||
|
|
}
|
||
|
|
.article-share {
|
||
|
|
position: relative;
|
||
|
|
align-items: center;
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.article-details__social .article-share__list {
|
||
|
|
padding: 0;
|
||
|
|
background: transparent;
|
||
|
|
max-width: unset;
|
||
|
|
margin: 0;
|
||
|
|
list-style: none;
|
||
|
|
position: absolute;
|
||
|
|
display: none;
|
||
|
|
left: -3px;
|
||
|
|
}
|
||
|
|
.article-share__list a {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.article-tags {
|
||
|
|
margin: 6px 0;
|
||
|
|
}
|
||
|
|
.article-tags .article-tag {
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
.article-tags .article-tag:first-child {
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
.article-author__avatar {
|
||
|
|
width: 31px;
|
||
|
|
height: 31px;
|
||
|
|
border-radius: 50%;
|
||
|
|
margin-right: 12px;
|
||
|
|
}
|
||
|
|
.article-author__name {
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
.article-details__separator {
|
||
|
|
color: #7D8D93;
|
||
|
|
margin: 0 28px;
|
||
|
|
}
|
||
|
|
.article-date {
|
||
|
|
color: #7D8D93;
|
||
|
|
}
|
||
|
|
.article-share__icon {
|
||
|
|
width: 15px;
|
||
|
|
height: 15px;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.article-title {
|
||
|
|
color: #000;
|
||
|
|
width: 64%;
|
||
|
|
}
|
||
|
|
.article-details {
|
||
|
|
display: flex;
|
||
|
|
column-gap: 50px;
|
||
|
|
font-size: 14px;
|
||
|
|
margin-top: 12px;
|
||
|
|
margin-bottom: 38px;
|
||
|
|
}
|
||
|
|
.epvc-post-count {
|
||
|
|
margin-left: 4px;
|
||
|
|
color: #7D8D93;
|
||
|
|
font-family: Roboto;
|
||
|
|
font-size: 13px;
|
||
|
|
font-weight: 500;
|
||
|
|
}
|
||
|
|
.epvc-eye {
|
||
|
|
filter: brightness(0%) contrast(0%);
|
||
|
|
}
|
||
|
|
.epvc-post-count .epvc-count {
|
||
|
|
margin-left: 8px;
|
||
|
|
color: #7D8D93;
|
||
|
|
}
|
||
|
|
.readingnow-post__body .epvc-count {
|
||
|
|
font-size: 10px;
|
||
|
|
}
|
||
|
|
.epvc-eye {
|
||
|
|
width: 12px;
|
||
|
|
height: 12px;
|
||
|
|
}
|
||
|
|
.commentsform__container, .comment-form-test {
|
||
|
|
background: #F2F5FF;
|
||
|
|
padding: 28px 52px 29px 35px;
|
||
|
|
border-radius: 10px;
|
||
|
|
}
|
||
|
|
.comment-notes {
|
||
|
|
display: flex !important;
|
||
|
|
font-size: 18px;
|
||
|
|
}
|
||
|
|
#commentform textarea, #commentform input {
|
||
|
|
background-color: #fff;
|
||
|
|
padding: 15px 15px 14px 13px;
|
||
|
|
font-size: 12px;
|
||
|
|
border-radius: 3px;
|
||
|
|
color: #868B93;
|
||
|
|
}
|
||
|
|
.comment-form-test .comment-notes {
|
||
|
|
grid-column: 1/3;
|
||
|
|
grid-row: 1;
|
||
|
|
display: flex;
|
||
|
|
margin-bottom: 28px;
|
||
|
|
}
|
||
|
|
.comment-form-test .required-field-message {
|
||
|
|
margin: 0;
|
||
|
|
margin-left: 4px;
|
||
|
|
}
|
||
|
|
.comment-form-test {
|
||
|
|
display: grid;
|
||
|
|
grid-template-rows: auto auto 160px auto;
|
||
|
|
grid-template-columns: 1fr 1fr;
|
||
|
|
column-gap: 10px;
|
||
|
|
}
|
||
|
|
.comment-form-test .comment-form-comment textarea {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.comment {
|
||
|
|
border: 1px solid #A4ABB62E;
|
||
|
|
border-radius: 10px;
|
||
|
|
font-size: 14px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
padding: 18px 37px 24px 22px;
|
||
|
|
}
|
||
|
|
.commentlist {
|
||
|
|
list-style: none;
|
||
|
|
margin-top: 42px;
|
||
|
|
}
|
||
|
|
.comment .avatar {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.comment-author, .comment-author a {
|
||
|
|
color: #4578FF;
|
||
|
|
font-size: 15px;
|
||
|
|
font-weight: 600;
|
||
|
|
font-style: normal;
|
||
|
|
}
|
||
|
|
.commentmetadata, .commentmetadata a, .comment-reply-link {
|
||
|
|
font-size: 13px;
|
||
|
|
color: #A4ABB6;
|
||
|
|
}
|
||
|
|
.comment-form-test input {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.comment-meta {
|
||
|
|
display: flex;
|
||
|
|
margin-bottom: 12px;
|
||
|
|
}
|
||
|
|
.comment-edit-link {
|
||
|
|
margin-left: auto;
|
||
|
|
}
|
||
|
|
.depth-2.comment {
|
||
|
|
margin: 0;
|
||
|
|
padding: 14px 37px 15px 5px;
|
||
|
|
}
|
||
|
|
.depth-2.comment {
|
||
|
|
margin: 0;
|
||
|
|
padding: 14px 37px 15px 5px;
|
||
|
|
border: none;
|
||
|
|
border-top: 1px solid #A4ABB62E;
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
.comment p {
|
||
|
|
margin-bottom: 12px;
|
||
|
|
}
|
||
|
|
.comment .children {
|
||
|
|
list-style: none;
|
||
|
|
margin-top: 14px;
|
||
|
|
}
|
||
|
|
.commentmetadata .comment-edit-link {
|
||
|
|
margin-left: auto;
|
||
|
|
font-family: Roboto;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 500;
|
||
|
|
color: #7245FF;
|
||
|
|
}
|
||
|
|
.comment-form-test #submit {
|
||
|
|
background: linear-gradient(57.45deg, #7245ff 13.81%, #7245ff 92.89%);
|
||
|
|
background-color: rgba(0, 0, 0, 0);
|
||
|
|
color: #fff;
|
||
|
|
font-family: Roboto;
|
||
|
|
font-weight: 600;
|
||
|
|
display: flex;
|
||
|
|
height: auto;
|
||
|
|
padding: 11px 20px;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
.comment-form-test .comment-form-comment {
|
||
|
|
grid-column: 1/3;
|
||
|
|
grid-row: 3;
|
||
|
|
}
|
||
|
|
.comment-form-test .comment-form-author {
|
||
|
|
grid-column: 1/2;
|
||
|
|
grid-row: 2;
|
||
|
|
margin-bottom: 12px;
|
||
|
|
}
|
||
|
|
.comment-form-test .comment-form-email {
|
||
|
|
grid-column: 2/3;
|
||
|
|
grid-row: 2;
|
||
|
|
margin-bottom: 12px;
|
||
|
|
}
|
||
|
|
.comment-form-test .form-submit {
|
||
|
|
margin-left: 0 !important;
|
||
|
|
}
|
||
|
|
.comment-form .required-field-message {
|
||
|
|
color: #000 !important;
|
||
|
|
opacity: 1;
|
||
|
|
filter: none;
|
||
|
|
margin: 0;
|
||
|
|
margin-left: 8px;
|
||
|
|
}
|
||
|
|
.comment-form-cookies-consent {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.comment-form textarea {
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
.epvc-eye::before {
|
||
|
|
width: 4px;
|
||
|
|
height: 4px;
|
||
|
|
left: 3px;
|
||
|
|
top: 3px;
|
||
|
|
}
|
||
|
|
.readingnow-post__body .epvc-eye {
|
||
|
|
width: 10px;
|
||
|
|
height: 10px;
|
||
|
|
}
|
||
|
|
.article-details__social-bottom .epvc-post-count {
|
||
|
|
margin: 0 12px;
|
||
|
|
}
|
||
|
|
.readingnow-post__body .epvc-eye::before {
|
||
|
|
width: 4px;
|
||
|
|
height: 4px;
|
||
|
|
left: 2px;
|
||
|
|
top: 2px;
|
||
|
|
}
|
||
|
|
.readingnow-post__body .epvc-count {
|
||
|
|
margin-right: 46px;
|
||
|
|
margin-left: 4px;
|
||
|
|
}
|
||
|
|
.article-details__social-bottom .article-comments__count {
|
||
|
|
margin: 0 40px;
|
||
|
|
}
|
||
|
|
.pld-like-dislike-wrap {
|
||
|
|
font-size: 13px;
|
||
|
|
}
|
||
|
|
.article-comments__num {
|
||
|
|
font-family: Roboto;
|
||
|
|
font-size: 13px;
|
||
|
|
font-weight: 500;
|
||
|
|
}
|
||
|
|
.article-details__common {
|
||
|
|
width: 64%;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.article-details__social {
|
||
|
|
display: flex;
|
||
|
|
width: 30%;
|
||
|
|
}
|
||
|
|
.article-aside .latest-articles__list {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.article-share__list.links-container.active {
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.article-comments {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.comment-reply-title {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.show-commmentsform {
|
||
|
|
font-weight: 600;
|
||
|
|
background: linear-gradient(57.45deg, #7245FF 13.81%, #7245FF 92.89%);
|
||
|
|
padding: 14px 16px;
|
||
|
|
border-radius: 2px;
|
||
|
|
border: none;
|
||
|
|
cursor: pointer;
|
||
|
|
color: #fff;
|
||
|
|
font-size: 14px;
|
||
|
|
margin-right: auto;
|
||
|
|
}
|
||
|
|
.article-comments__count {
|
||
|
|
display: flex;
|
||
|
|
color: #7D8D93;
|
||
|
|
cursor: pointer;
|
||
|
|
align-items: center;
|
||
|
|
margin-left: 42px;
|
||
|
|
margin-right: 42px;
|
||
|
|
}
|
||
|
|
.article-details__social-bottom
|
||
|
|
{
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.article-comments__icon {
|
||
|
|
margin-right: 6px;
|
||
|
|
}
|
||
|
|
.epvc-label {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.article-body > .epvc-post-count
|
||
|
|
{
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.article-details__social-bottom
|
||
|
|
{
|
||
|
|
width: 100%;
|
||
|
|
margin-bottom: 38px;
|
||
|
|
margin-top: 22px;
|
||
|
|
min-height: 44px;
|
||
|
|
}
|
||
|
|
.article-details__social-bottom .pld-like-dislike-wrap {
|
||
|
|
margin-left: auto;
|
||
|
|
}
|
||
|
|
.article-details__social-bottom .epvc-post-count, .article-details__social-bottom .article-comments__count {
|
||
|
|
margin: 0 8px;
|
||
|
|
}
|
||
|
|
.logged-in-as {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
.custom_logged-in-as {
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
margin: 12px 0;
|
||
|
|
}
|
||
|
|
/* ----------------------------------------------------------------/Single article-------------------------- */
|
||
|
|
@media (max-width:1200px) {
|
||
|
|
.article-aside {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.article-details {
|
||
|
|
flex-direction: column;
|
||
|
|
row-gap: 20px;
|
||
|
|
}
|
||
|
|
.article-details__common, .article-details__social, .article-body {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.before-content__latest-articles {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.before-content__left {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.before-content__container {
|
||
|
|
flex-wrap: wrap;
|
||
|
|
}
|
||
|
|
.before-content__right {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.article-body {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.article-title {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width:768px) {
|
||
|
|
#prevSlide, #nextSlide {
|
||
|
|
top: 28%;
|
||
|
|
}
|
||
|
|
.editable-header {
|
||
|
|
font-size: 16px;
|
||
|
|
line-height: 22px;
|
||
|
|
}
|
||
|
|
.editable-header-additional {
|
||
|
|
margin-top: 16px;
|
||
|
|
}
|
||
|
|
.before-content__container {
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width:500px) {
|
||
|
|
#prevSlide, #nextSlide {
|
||
|
|
top: 16%;
|
||
|
|
width: 28px;
|
||
|
|
height: 28px;
|
||
|
|
}
|
||
|
|
.article-details__common {
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: baseline;
|
||
|
|
row-gap: 12px;
|
||
|
|
}
|
||
|
|
.article-details__separator {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.comment-form-test .comment-notes {
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
.commentsform__container, .comment-form-test {
|
||
|
|
padding: 16px 24px;
|
||
|
|
}
|
||
|
|
.comment-form-test {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
.article-details__common * {
|
||
|
|
margin-right: auto;
|
||
|
|
}
|
||
|
|
.article-details__social-bottom {
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
row-gap: 16px;
|
||
|
|
}
|
||
|
|
.comment {
|
||
|
|
padding: 14px 20px 18px 16px;
|
||
|
|
}
|
||
|
|
.depth-2.comment {
|
||
|
|
padding: 10px 20px 12px 5px;
|
||
|
|
}
|
||
|
|
}
|