@charset "UTF-8";

    :root { --font-family: "Sansation", sans-serif;
--normal: 400;
--semi-bold: 700;
--bold: 700; --width: 1460px; --width-mid: 800px; --width-small: 460px; --animation: 0.4s ease-in-out; --border-color: rgb(196 195 206 / 50%); --white: #ffffff; --placeholder: #999999; --overlay: rgba(28, 30, 46, 0.945); --small: 14px; --spacing: 2rem; --bradius: 6px; --input-border: #929a9f;
--grey-bg: #f6f7fa;
} @font-face {
font-display: swap;
font-family: 'Sansation';
font-style: normal;
font-weight: 400;
src: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/fonts/sansation/sansation-v1-cyrillic_latin-regular.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Sansation';
font-style: normal;
font-weight: 700;
src: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/fonts/sansation/sansation-v1-cyrillic_latin-700.woff2) format('woff2');
}  @keyframes menuDown {
from {
opacity: 0;
transform: translate(-1.5rem, 3.5rem);
}
to {
opacity: 1;
transform: translate(-1.5rem, 3.5rem);
}
} @keyframes subMenuUp {
from {
opacity: 0;
transform: translate(50%, -1rem);
}
to {
opacity: 1;
transform: translate(50%, -1rem);
}
} @keyframes fadeEffect {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
} @keyframes pulseMenu {
0% {
box-shadow: var(--pulse) 0 0 0 0;
}
75% {
box-shadow: transparent 0 0 0 8px;
}
} @keyframes modalOverlayShow {
from {
opacity: 0;
}
to {
opacity: 1;
}
} @keyframes modalContentShow {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
} @keyframes modalOverlayHide {
from {
opacity: 1;
}
to {
opacity: 0;
}
} @keyframes modalContentHide {
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(20px);
}
} @keyframes slideIn {
to {
opacity: 1;
transform: translateX(0);
}
} @keyframes fadeAndExpand {
0% {
opacity: 0;
transform: translateY(-10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
} @keyframes out {
0% {
box-shadow: 0 0 0 var(--primary-btn-bg);
opacity: 0.7
}
100% {
box-shadow: 0 0 180px var(--primary-btn-bg);
opacity: 0
}
} @keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} * {
vertical-align: baseline;
margin: 0;
border: 0;
padding: 0;
font: inherit;
-webkit-tap-highlight-color: transparent;
}
*,
::after,
::before {
box-sizing: border-box;
}
body {
line-height: 1
}
main {
display: block
}
strong {
font-weight: var(--bold);
}
em,
i {
font-family: var(--font-family);
font-style: italic
}
ol,
ul {
list-style: none
}
blockquote,
q {
quotes: none
}
blockquote::after,
blockquote::before,
q::after,
q::before {
content: ""
}
table {
border-collapse: collapse;
border-spacing: 0
}
iframe {
display: block;
max-width: 100%;
}
embed,
img,
object,
svg,
video {
display: block;
max-width: 100%;
height: auto;
border: 0
}
.post-content figure {
max-width: 100%;
}
.post-content iframe {
height: auto !important;
margin: 0 auto;
aspect-ratio: 16 / 9;
}
figure>a {
display: block
}
.aligncenter {
margin: 0 auto 1.2rem
}
.alignleft {
float: left
}
.alignright {
float: right
}
big {
font-size: 131.25%
}
ins {
text-decoration: none
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: 0;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
small {
font-size: 80%
}
sub,
sup {
position: relative;
vertical-align: baseline;
font-size: 75%;
line-height: 0
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
input,
textarea {
vertical-align: middle;
background: var(--white);
}
pre {
font-family: monospace;
font-size: 1rem;
overflow-y: auto;
}
[hidden] {
display: none
} html {
font-size: 15px;
scroll-behavior: smooth;
}
@media (min-width: 500px) {
html {
font-size: 16px;
}
}
@media (min-width: 1440px) {
html {
font-size: 17px;
}
}
html *>* { }
body {
font-family: var(--font-family);
font-size: 1rem;
font-style: normal;
font-weight: var(--normal);
line-height: 170%;
color: var(--main-color);
background-color: var(--white);
font-variant-numeric: lining-nums;
}
.site-wrapper {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
min-height: 100vh;
margin-inline: auto;
}
.container {
position: relative;
width: min(var(--width), 100% - calc(var(--spacing) * 2));
margin-inline: auto;
}
@media (max-width: 1130px) {
.container {
width: min(var(--width-mid), 100% - 4rem);
}
}
@media (max-width: 600px) {
.container {
width: min(var(--width-small), 100% - var(--spacing));
}
}
.container-fullwidth {
max-width: 100%;
margin-inline: auto;
padding-inline: var(--spacing);
}
.section--fullwidth {
padding-block: var(--spacing);
}
@media (min-width: 1130px) {
.section--fullwidth {
padding-block: calc(var(--spacing) * 2);
}
}
.section__title {
position: relative;
display: block;
font-size: 1.55rem;
line-height: 130%;
}
@media (min-width: 1130px) {
.section__title {
font-size: 2rem;
}
}
.section__header {
margin-block-end: 1.5rem;
}
@media (min-width: 1130px) {
.section__header {
text-align: center;
margin-block-end: var(--spacing);
}
}
.section__header>* {
flex: 1;
}
.section__header:has(.btn--section),
.section__header:has(.section__text) {
display: flex;
flex-direction: column;
gap: 1rem;
text-align: left;
}
@media (min-width: 1130px) {
.section__header:has(.btn--section),
.section__header:has(.section__text) {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: var(--spacing);
}
}
.section__text {
font-size: 0.92rem;
line-height: 150%;
}
.btn--section {
flex: auto;
}
@media (min-width: 1130px) {
.btn--section {
max-width: 160px;
}
}
.btn--section:hover {
text-decoration: none;
}
.site-main {
position: relative;
flex: 1;
}
.home .site-main>*:not(.poster) {
margin-block-start: calc(var(--spacing) * 1.6);
}
@media (min-width: 1130px) {
.home .site-main>*:not(.poster) {
margin-block-start: calc(var(--spacing) * 3);
}
} .wp-block-separator,
hr {
display: block;
clear: both;
margin: var(--spacing) auto;
border-top: 0;
border-bottom: 1px solid var(--border-color);
width: 100%;
height: 1px
}
:focus,
:focus:not(:focus-visible) {
outline: none;
}
:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(21, 156, 228, 0.4);
}
input::-moz-placeholder,
select::-moz-placeholder {
color: var(--placeholder);
}
input:-ms-input-placeholder,
select:-ms-input-placeholder {
color: var(--placeholder);
}
input:-moz-placeholder-shown {
color: var(--placeholder);
}
input:-ms-input-placeholder {
color: var(--placeholder);
}
input::placeholder,
input:placeholder-shown,
select::placeholder,
textarea::placeholder {
color: var(--placeholder);
}
::-moz-selection {
color: var(--white);
background-color: rgb(64, 56, 152);
}
::selection {
color: var(--white);
background-color: rgb(64, 56, 152);
}
legend {
display: table;
padding: 0;
max-width: 100%;
white-space: normal;
color: inherit
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto;
}
.post-content p:not(:first-child) {
margin-block-start: 1.3rem;
}
p:last-child {
margin-block-end: 0
}
button {
font-family: var(--font-family);
-webkit-appearance: none;
appearance: none;
border: 0;
border-radius: 0;
-webkit-font-smoothing: inherit;
-moz-osx-font-smoothing: inherit;
background: 0 0;
cursor: pointer
}
.gallery-caption,
.wp-caption,
.wp-caption-text {
font-size: var(--small);
color: var(--grey-color);
}
.wp-caption.alignleft {
margin-right: 1.2rem;
}
.wp-caption.alignright {
margin-left: 1.2rem;
}
img.alignright {
float: right;
margin-left: 1.2rem;
}
img.alignleft {
float: left;
margin-right: 1.2rem;
}
.visually-hidden,
.screen-reader-text {
position: absolute;
margin: -1px;
width: 1px;
height: 1px;
clip-path: inset(100%);
}
.disable-scroll {
overflow: hidden;
width: 100%;
}
a {
color: var(--link-color);
text-decoration: underline;
transition: color var(--animation);
}
a:hover {
color: var(--hover-color);
text-decoration: underline;
transition: color var(--animation);
}
.sticky,
.bypostauthor {
background-color: initial
}
.required {
color: red
}
label {
font-family: var(--font-family);
font-size: 0.9rem;
color: var(--main-color);
font-weight: var(--normal);
display: block;
}
input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'],
input[type='number'],
input[type='tel'],
select,
textarea {
padding: 0.45rem 1rem;
display: block;
width: 100%;
min-height: var(--spacing);
-webkit-transition: border-color var(--animation);
transition: border-color var(--animation);
color: var(--main-color);
border: 1px solid var(--input-border);
outline: none;
background-color: var(--white);
-webkit-box-shadow: none;
box-shadow: none;
font-family: var(--font-family);
font-size: 1rem;
line-height: 1.5;
-webkit-appearance: none;
-webkit-backface-visibility: hidden;
appearance: none;
backface-visibility: hidden;
border-radius: var(--bradius);
}
input[type='search'] {
width: 100%;
}
select {
width: 100%;
padding: 0.45rem 0.8rem;
font-size: 1rem;
}
input[type='text']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='number']:focus,
input[type='tel']:focus,
select:focus,
textarea:focus,
textarea:focus-visible {
border-color: var(--focus) !important;
outline: none;
box-shadow: none;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
textarea {
max-width: 100%;
height: 100px;
resize: vertical;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: var(--bold);
}
.post-content h1 {
font-size: 1.6rem
}
.post-content h2 {
font-size: 1.5rem
}
.post-content h3 {
font-size: 1.4rem
}
.post-content h4 {
font-size: 1.3rem
}
.post-content h5 {
font-size: 1.2rem
}
.post-content h6 {
font-size: 1.1rem
} .post-content ul,
.post-content ol {
margin-inline-start: 1rem;
list-style-position: inside;
}
.post-content ul li {
list-style: none;
position: relative;
padding-left: 1.5rem;
}
.post-content ul li:not(:last-child) {
margin-block-end: 0.7rem;
}
.post-content ul li ul {
margin: 1rem 0;
}
.post-content ul li::before {
content: "";
position: absolute;
top: 0.55rem;
left: 0;
width: 8px;
height: 8px;
background-color: var(--accent);
border-radius: 50%;
}
ol {
list-style: decimal;
}
ol li {
margin: 0;
padding: 0 0 10px 0
}
ol ol {
list-style: upper-alpha
}
ol ol ol {
list-style: lower-roman
}
ol ol ol ol {
list-style: lower-alpha
} .btn,
#wp-submit,
#loginform input[type=submit],
.comment-form .submit,
.search-submit {
position: relative;
z-index: 1;
display: inline-flex;
justify-content: center;
gap: 8px;
height: 50px;
padding-inline: 1.5rem;
align-items: center;
font-family: inherit;
font-size: 1rem;
line-height: 1;
font-weight: var(--normal);
text-align: center;
text-decoration: none;
border-radius: 6px;
cursor: pointer;
overflow: clip;
transition: color var(--animation), background-color var(--animation);
}
.btn--primary {
background-color: var(--primary-btn-bg);
color: var(--primary-btn-color);
}
.card:hover .card__btn,
.btn--primary:hover {
color: var(--primary-btn-color-hover);
text-decoration: none;
}
.btn--secondary {
background-color: var(--secondary-btn-bg);
color: var(--secondary-btn-color);
border: 1px solid var(--secondary-btn-bg);
transition: all var(--animation);
}
.btn--secondary:hover {
border-color: var(--secondary-btn-bg-hover);
color: var(--secondary-btn-color-hover);
}
.card__btn::before,
.card__btn::after,
#loginform input[type=submit]::before,
#loginform input[type=submit]::after,
.search-submit::after,
.search-submit::before,
.btn--primary::before,
.btn--primary::after {
content: "";
width: 0;
height: 200%;
background-color: var(--primary-btn-bg-hover);
position: absolute;
top: 0;
right: 0;
z-index: -1;
transition: width var(--animation);
}
.card__btn::after,
#loginform input[type=submit]::after,
.search-submit::after,
.btn--primary::after {
left: 0;
right: initial;
}
.card:hover .card__btn::before,
.card:hover .card__btn::after,
.btn--primary:hover::before,
.btn--primary:hover::after,
#loginform input[type=submit]:hover::before,
#loginform input[type=submit]:hover::after,
.search-submit:hover::before,
.search-submit:hover::after {
width: 100%;
}
#wp-submit {
background-color: var(--primary-btn-bg);
color: var(--primary-btn-color);
}
#wp-submit:hover {
background-color: var(--primary-btn-bg-hover);
color: var(--primary-btn-color-hover);
} .site-header {
position: relative;
z-index: 999;
margin-block-end: 1.25rem;
}
@media (min-width: 1130px) {
.site-header {
margin-block-end: var(--spacing);
}
}
.home .site-header {
margin-block-end: 0;
}
.site-header__wrap {
position: relative;
z-index: 99;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 1rem;
padding-block: 1rem;
}
@media (min-width: 1130px) {
.site-header__wrap {
left: initial;
justify-content: space-between;
align-items: center;
padding-block: 1.25rem;
}
}
.site-header__branding {
order: 1;
flex-shrink: 0;
flex: 0 0 30%;
}
@media (min-width: 600px) {
.site-header__branding {
flex: 0 0 50%;
}
}
@media (min-width: 1130px) {
.site-header__branding {
flex: 0 0 auto;
}
}
.site-title {
font-size: 1.3rem;
line-height: 1;
font-weight: var(--bold);
}
.site-title__link {
color: var(--main-color);
text-decoration: none;
}
.site-title__link:hover {
color: var(--hover-color);
text-decoration: underline;
}
.site-header__social {
order: 3;
flex: 0 0 100%;
display: flex;
align-items: normal;
gap: 1rem;
font-size: 0.88rem;
line-height: 120%;
opacity: 0.8;
}
@media (min-width: 1130px) {
.site-header__social {
flex: 0 0 auto;
order: 2;
align-items: center;
gap: var(--spacing);
font-size: 0.94rem;
line-height: 1;
}
}
.header-social__link>span {
color: var(--accent);
}
.header-social__link {
flex: 1;
padding: 0.5rem 0.8rem;
border: 1px solid var(--border-color);
border-radius: var(--bradius);
background-color: var(--white);
color: var(--main-color);
text-decoration: none;
opacity: 0;
transform: translateX(-100px);
animation: slideIn 0.5s ease-out forwards;
}
@media (min-width: 1130px) {
.header-social__link {
flex: auto;
border: 0;
padding: 0;
}
}
.header-social__link:nth-child(1) {
animation-delay: 0.2s;
}
.header-social__link:nth-child(2) {
animation-delay: 0.8s;
}
.header-social__link:nth-child(3) {
animation-delay: 1.4s;
} .site-main-nav {
position: relative;
z-index: 999;
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 1.5rem;
padding-inline: 1rem;
background-color: var(--nav-bg);
border-radius: var(--bradius);
}
@media (min-width: 1130px) {
.site-main-nav {
width: 100%;
padding-inline: 2rem;
}
}
.site-main-nav.is-sticky {
position: fixed;
top: 0;
left: 50%;
max-width: min(var(--width), calc(100% - (var(--spacing) * 2)));
border-top-left-radius: 0;
border-top-right-radius: 0;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
transform: translateX(-50%);
}
.site-main-nav__note {
padding-block: 1rem;
font-size: 0.92rem;
line-height: 150%;
color: var(--nav-color);
}
.site-main-nav__note a {
color: var(--nav-color);
}
.main-menu {
display: none;
width: 100%;
}
@media (min-width: 1130px) {
.main-menu {
display: flex;
justify-content: space-between;
column-gap: 0.6rem;
align-items: center;
flex-wrap: wrap;
}
}
@media (min-width: 1300px) {
.main-menu {
column-gap: 1.4rem;
}
}
.menu-item {
position: relative;
font-size: 1rem;
line-height: 1;
}
@media (min-width: 1300px) {
.menu-item {
font-size: 1.1rem;
}
} .main-menu>.menu-item {
padding-block: 1.2rem;
}
.menu-item__link {
position: relative;
display: block;
color: var(--nav-color);
text-decoration: none;
transition: color var(--animation);
} .main-menu>.menu-item.current-menu-item,
.menu-item__link:hover {
color: var(--nav-color-hover);
text-decoration: underline;
} .main-menu a:not(a[href]):hover {
text-decoration: none;
} .main-menu>.menu-item-has-children>.menu-item__link {
padding-inline-end: 1.15rem;
} .main-menu .menu-item-has-children>a::before {
content: "›";
position: absolute;
right: 0;
top: 0;
z-index: 1;
display: flex;
justify-content: center;
font-size: 1.2rem;
color: var(--nav-color);
transform: translate(2px, 0) rotate(90deg);
} .main-menu>.menu-item-has-children:hover::before {
color: var(--nav-color-hover);
} .main-menu .sub-menu {
position: absolute;
left: 0;
top: 0;
z-index: 98;
display: none;
flex-direction: column;
gap: 1rem;
width: 290px;
padding: 1rem 1.5rem 1.25rem;
background-color: var(--nav-drop-bg);
border: 1px solid var(--border-color);
border-top: 0;
border-bottom-left-radius: var(--bradius);
border-bottom-right-radius: var(--bradius);
box-shadow: 0px 14px 27px -8px rgba(34, 60, 80, 0.2);
transform: translate(-1.5rem, 3.5rem);
box-sizing: border-box;
} .main-menu .menu-item:hover>.sub-menu {
display: flex;
visibility: visible;
animation: menuDown 0.3s ease;
}
.main-menu .sub-menu>.menu-item {
display: block;
font-size: 1rem;
line-height: 140%;
} .main-menu .sub-menu>.current-menu-item>.menu-item__link {
color: var(--nav-drop-hover-color);
}
.main-menu .sub-menu .menu-item__link {
padding: 0;
color: var(--nav-drop-color);
}
.main-menu .sub-menu .sub-menu .menu-item__link:not(:hover) {
color: var(--nav-drop-color);
}
.main-menu .sub-menu .menu-item__link:hover {
color: var(--nav-drop-hover-color);
text-decoration: underline;
} .main-menu .sub-menu .menu-item:not(.menu-item-has-children)>.menu-item__link {
display: inline-block;
} .main-menu .sub-menu .menu-item>.sub-menu {
left: 49%;
top: 0;
transform: translate(50%, -1rem);
z-index: 99;
} .main-menu .sub-menu li:hover>.sub-menu {
animation: subMenuUp 0.5s ease;
} .main-menu .sub-menu li.menu-item-has-children>a::before {
content: "›";
top: 0;
right: 0;
background-image: none;
color: var(--nav-drop-color) !important;
transform: translate(5px, 0);
} .main-menu li.menu-item-has-children:has(ul:hover)>a {
color: var(--nav-color);
} .main-menu .sub-menu li.menu-item-has-children:has(ul:hover)>a {
color: var(--nav-color-hover);
} .main-menu .sub-menu::after {
content: "";
height: 34px;
width: 70%;
position: absolute;
top: 0;
left: 0;
background-color: transparent;
transform: translateY(-75%);
}
.main-menu .sub-menu .menu-item>.sub-menu::after {
content: "";
height: 100%;
width: 40px;
position: absolute;
top: 0;
left: 0;
background-color: transparent;
transform: translateX(-78%);
} li.new>a::after {
content: "";
position: absolute;
right: 0;
top: 0;
z-index: 10;
width: 6px;
height: 6px;
color: var(--nav-color);
background-color: var(--pulse);
border-radius: 50%;
transform: translate(8px, -4px);
animation: pulseMenu 2400ms infinite;
}
.side-panel li.new>a::after {
transform: translate(8px, 8px);
}   .site-main-nav__btns {
display: flex;
gap: 1.75rem;
align-items: center;
justify-content: space-between;
width: 100%;
padding-block: 0.75rem;
}
@media (min-width: 1130px) {
.site-main-nav__btns {
width: fit-content;
margin-inline-start: 4rem;
padding-block: 0;
}
}
.site-main-nav__btns:empty {
display: none;
}
.mob-menu-btn,
.search-btn,
.header-login {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.header-login {
order: 2;
display: flex;
align-items: center;
gap: 8px;
font-size: var(--small);
line-height: 1;
color: var(--grey-color);
}
@media (min-width: 800px) {
.header-login {
font-size: 0.94rem;
}
}
.header-login.is-active {
font-weight: var(--normal);
}
.header-login.is-active>span {
width: 1.3rem;
height: 1.3rem;
font-size: 0.9rem;
font-weight: var(--semi-bold);
text-transform: uppercase;
line-height: 1.2rem;
text-align: center;
border: 1px solid var(--grey-color);
border-radius: 6px;
}
.search-btn>span {
margin-inline-start: 1rem;
color: var(--nav-color);
}
@media (min-width: 1130px) {
.search-btn>span {
display: none;
}
}
.search-btn::before {
content: "";
display: block;
width: 1.3rem;
height: 1.3rem;
}
.header-login::before {
content: "";
display: block;
width: 1.2rem;
height: 1.2rem;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#user) center center / cover no-repeat;
opacity: 0.6;
}
.header-login.is-active::before {
display: none;
}
.site-main-nav:is(.is-sticky)>.site-main-nav__btns {
display: none;
} .search-form {
display: flex;
flex-direction: column;
gap: 1rem;
}
.search-field {
height: 50px;
}
.site-search__result {
opacity: 0;
visibility: hidden;
}
.no-results {
font-size: 0.96rem;
}
.is-find {
opacity: 1;
visibility: visible;
transform: translateY(0);
transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
}
.search-submit--extend {
display: none;
}
.search-form__note {
display: block;
font-size: 0.96rem;
line-height: 145%;
opacity: 0.8;
}
.search-examples {
display: flex;
flex-flow: wrap;
gap: 0.5rem;
}
.search-examples__link {
display: block;
padding: 0.55rem 1rem;
font-size: 0.92rem;
line-height: 1;
background-color: var(--grey-bg);
color: var(--main-color);
border-radius: var(--bradius);
text-decoration: none;
transition: background-color var(--animation), color var(--animation);
}
.search-examples__link:hover {
background-color: var(--primary-btn-bg-hover);
color: var(--primary-btn-color-hover);
text-decoration: none;
transition: background-color var(--animation), color var(--animation);
} .mob-menu-btn>span {
margin-inline-start: 1rem;
color: var(--nav-color);
}
@media (min-width: 1130px) {
.mob-menu-btn>span {
display: none;
}
}
.mob-menu-btn::before {
content: "";
display: block;
width: 1.35rem;
height: 1.35rem;
}
.mob-menu-btn.is-active::before {
width: 1.05rem;
height: 1.05rem;
}
.side-panel {
position: fixed;
top: 0;
z-index: 99999;
display: flex;
flex-direction: column;
width: 100%;
max-width: 450px;
height: 100dvh;
background-color: var(--white);
overflow-y: auto;
transition: transform .6s
}
.side-panel--nav {
left: 0;
transform: translateX(-120%);
}
.side-panel--nav.is-open {
transform: translateX(0);
transition: transform .6s
}
.side-panel--search {
right: 0;
padding-block-end: var(--spacing);
transform: translateX(120%);
}
.side-panel--search.is-open {
transform: translateX(0);
transition: transform .6s
}
.side-panel::-webkit-scrollbar-thumb {
background: var(--accent)
}
.side-panel::-webkit-scrollbar {
width: 4px;
background: #d3d5d9;
}
.side-panel__overlay {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: rgb(0 0 0 / 85%);
opacity: 0;
animation: modalOverlayShow 0.3s ease forwards;
}
.side-panel__overlay {
z-index: 99998;
display: none;
animation: modalOverlayHide 0.3s ease forwards;
}
.side-panel__overlay--search.is-active,
.side-panel__overlay--nav.is-active {
display: block;
animation: modalOverlayShow 0.3s ease forwards;
}
.side-panel__wrap {
padding-inline: 1.25rem;
}
.side-panel__title {
display: block;
margin-block-start: 3rem;
margin-block-end: 1rem;
padding-block-end: 0.5rem;
font-size: 0.96rem;
font-weight: var(--semi-bold);
color: var(--grey-color);
border-bottom: 1px solid var(--border-color);
}
.side-panel__close {
position: absolute;
top: 0;
right: 0;
z-index: 999;
width: 1.25rem;
height: 1.25rem;
transform: translate(-1.25rem, 1rem);
}
.side-panel__close svg {
width: var(--spacing);
height: var(--spacing);
object-fit: cover;
}
.side-panel__nav {
display: flex;
flex-direction: column;
align-items: baseline;
margin-block-end: var(--spacing);
}
.side-panel__nav li {
width: 100%;
padding: 0;
font-size: 1rem;
font-weight: var(--normal);
line-height: 130%;
}
.side-panel__nav li:not(:last-child) {
margin-right: 0 !important;
}
.side-panel__nav li a {
display: inline-block;
padding: 0.7rem 0;
color: var(--main-color);
text-decoration: none;
}
.side-panel__nav .menu-item-has-children {
cursor: pointer;
}
.side-panel__nav li.current-menu-item a:hover {
color: var(--hover-color);
}
.side-panel__nav .menu-item__link:hover {
color: var(--hover-color);
text-decoration: underline;
}
.side-panel__nav .sub-menu {
margin: 0.5rem 0;
padding: 0.5rem 1rem;
position: relative;
display: none;
background-color: var(--grey-bg);
border-radius: var(--bradius);
animation: fadeEffect 0.8s ease;
}
.side-panel__nav .sub-menu li {
font-size: 0.9rem;
font-weight: var(--normal);
}
.side-panel__nav .sub-menu li a {
padding: 0.6rem 0;
}
.side-panel__nav .sub-menu li .sub-menu li a {
padding: 0.6rem 0;
}
.side-panel__nav .sub-menu li.menu-item-has-children a {
padding-inline-end: 3rem;
}
.side-panel__nav .menu-item-has-children::before,
.side-panel__nav .reverse::before {
content: "";
position: absolute;
right: 0;
top: 0;
z-index: 1;
width: 1.1rem;
height: 1.1rem;
background-color: var(--grey-bg);
background-image: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#arrow-down);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 4px;
transform: translateY(10px);
}
.side-panel__nav .sub-menu li.menu-item-has-children::before {
background-color: var(--white);
}
.side-panel__nav .reverse::before {
background-image: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#arrow-down-lite);
background-color: var(--accent) !important;
transform: translateY(10px) rotate(180deg);
transition: background-color 0.3s;
}
.side-panel__nav .sub-menu .sub-menu {
background-color: var(--white);
}
.side-panel__nav .sub-menu .sub-menu .sub-menu {
background-color: var(--grey-bg);
} .bg-item__cards {
display: flex;
flex-direction: column;
gap: 1rem;
margin-block-start: auto;
margin-block-end: 1rem;
}
.bg-item__card {
position: relative;
display: block;
width: 100%;
height: 220px;
background-color: var(--grey-bg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
border-radius: var(--bradius);
overflow: clip;
}
.bg-item__card--carousel {
height: 320px;
}
.bg-item__card::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(to bottom, rgb(51 51 51 / 1%), rgb(51 51 51 / 65%));
transition: opacity var(--animation);
}
.bg-item__card:hover::before {
opacity: 0.35;
transition: opacity var(--animation);
}
.bg-item__title {
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
padding-inline: 1.15rem;
font-size: 0.98rem;
line-height: 146%;
font-weight: var(--semi-bold);
color: var(--white);
transform: translateY(-1.25rem);
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
white-space: pre-wrap
}
.bg-item__title--carousel {
font-size: 1.05rem;
}
.bg-item__label {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: block;
padding: 8px 12px;
font-size: 13px;
line-height: 1;
background-color: var(--accent);
border-radius: var(--bradius);
color: var(--white);
transform: translate(1.15rem, 1.15rem);
}
.bg-item__card--featured .bg-item__label {
background-color: var(--label-bg);
color: var(--main-color);
}
.bg-item__link {
position: absolute;
inset: 0;
z-index: 3;
} .card {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1rem;
border: 1px solid var(--white);
border-radius: var(--bradius);
box-shadow: -1px 2px 30px -5px rgb(34 60 80 / 15%);
transition: border-color var(--animation);
overflow: clip;
}
.card:hover {
border-color: var(--focus);
}
.card__image {
position: relative;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
border-radius: var(--bradius);
transition: opacity var(--animation);
}
.card:hover>.card__image {
opacity: 0.8;
}
.card:not(:has(.card__image)) {
padding-block-start: 1rem;
}
.card__gallery {
display: flex;
gap: 6px;
justify-content: space-between;
align-items: center;
}
.card__port {
position: absolute;
right: 0;
top: 0;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--label-bg);
border-radius: 4px;
transform: translate(-1rem, 1rem);
}
.card__attr {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
padding: 7px 10px;
font-size: 0.88rem;
line-height: 1;
background-color: rgba(255, 255, 255, 0.65);
backdrop-filter: blur(11px);
border: 1px solid rgb(255 255 255 / 60%);
box-shadow: 0px 10px 30px -5px rgb(34 60 80 / 10%);
border-radius: 4px;
transform: translate(1rem, -1rem);
}
@media (min-width: 1130px) {
.card__attr {
font-size: var(--small);
}
}
.card__gallery {
padding: 6px 8px;
font-size: var(--small);
line-height: 1;
border-right: 1px solid rgb(255 255 255 / 40%);
}
.card__gallery::before {
content: "";
display: inline-block;
width: 1rem;
height: 1rem;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#camera) center center / cover no-repeat;
}
.card__video {
padding: 6px 8px;
line-height: 1;
}
.card__video::before {
content: "";
display: inline-block;
width: 1rem;
height: 1rem;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#video) center center / cover no-repeat;
transform: translateY(1px);
}
.card__port:not(:has(.card__video)) .card__gallery {
border: 0;
}
.card__header {
display: flex;
flex-direction: column;
gap: 0.3rem;
}
.card__title {
font-size: 1.25rem;
line-height: 135%;
font-weight: var(--semi-bold);
}
.card-rating {
display: flex;
align-items: center;
gap: 6px;
}
.сard-rating__stars {
--percent: calc(var(--rating) / 5 * 100%);
display: inline-block;
font-size: 1rem;
font-family: Helvetica, Arial, sans-serif;
line-height: 1;
}
@media (min-width: 1130px) {
.сard-rating__stars {
font-size: 1.3rem;
}
} 
.сard-rating__stars::before {
content: '★★★★★';
background: linear-gradient(90deg, #ff862e var(--percent), #cbd1da var(--percent));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.card-rating__value {
display: inline-block;
padding: 4px 6px;
font-size: 0.88rem;
line-height: 1;
background-color: rgba(210, 211, 234, 0.18);
border-radius: 4px;
}
@media (min-width: 1130px) {
.card-rating__value {
font-size: 0.9rem;
}
} 
.card-rating__comments {
margin-inline-start: auto;
padding: 4px 6px;
font-size: 0.88rem;
line-height: 1;
color: var(--grey-color);
}
.card__link {
position: absolute;
inset: 0;
z-index: 10;
}
.card__locations {
display: flex;
flex-direction: column;
gap: 0.3rem;
margin-block-end: 5px;
color: var(--grey-color);
font-size: 0.88rem;
line-height: 138%;
}
.card__area {
display: flex;
align-items: center;
gap: 0.8rem;
flex-wrap: wrap;
}
.card__city::before,
.card__district::before,
.card__metro::before {
content: "";
display: inline-block;
width: 9px;
height: 9px;
margin-inline-end: 6px;
}
.card__city::before {
background-color: var(--city-color);
width: 10px;
height: 10px;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.card__metro::before {
background-color: var(--metro-color);
border-radius: 50%;
}
.card__district::before {
width: 8px;
height: 8px;
background-color: var(--district-color);
transform: translateY(-1px);
}
.card__descr {
padding: 1rem;
background-color: rgba(210, 211, 234, 0.15);
border-radius: var(--bradius);
}
.card__descr>p {
font-size: 0.9rem;
line-height: 155%;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
white-space: pre-wrap
}
.card__descr:has(p:empty) {
display: none;
margin-block-start: 0;
padding: 0;
}
.card__address {
position: relative;
}
.card__address:empty {
display: none;
}
.card__address::before {
content: "";
display: inline-block;
width: 0.8rem;
height: 0.8rem;
margin-inline-end: 4px;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#location) center center / cover no-repeat;
opacity: 0.72;
transform: translate(-2px, 2px);
}
.card__benefit {
display: flex;
align-items: center;
gap: 0.8rem;
font-size: 0.88rem;
line-height: 146%;
}
.card__benefit::before {
content: "";
flex-shrink: 0;
display: flex;
justify-content: center;
width: 2.4rem;
height: 2.4rem;
background: var(--label-bg) url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#like) center center / 1.1rem 1.1rem no-repeat;
border-radius: var(--bradius);
}
.card__benefit:empty {
display: none;
}
.card__footer {
display: flex;
flex-direction: column;
gap: 10px;
margin-block-start: auto;
padding-block-start: 0.5rem;
}
@media (min-width: 1300px) {
.card__footer {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
}
.card__btn,
.top-item__btn {
flex-shrink: 0;
height: 44px;
padding-inline: 1rem;
font-size: 0.9rem;
}
@media (min-width: 1300px) {
.card__btn,
.top-item__btn {
margin-inline-start: auto;
}
}
.card__footer:not(:has(.phone-btn--card)) .card__btn,
.top-item__btn {
margin-inline-start: 0;
inline-size: 100%;
}
@media (min-width: 1130px) {
.single .phone-btn {
justify-content: center;
flex-basis: 24ch;
}
}
.single .phone-btn.has-clicked:hover {
border-color: var(--white);
}
.phone-btn--card {
position: relative;
z-index: 99;
width: 100%;
height: 44px;
padding-inline: 10px !important;
font-size: 0.9rem;
}
.phone-btn--card:empty {
display: none;
}
.has-clicked::before {
content: "";
position: absolute;
top: 50%;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
border-radius: var(--bradius);
animation: out 2s;
transform: translateY(-50%);
}
.phone-btn__link {
display: none;
text-decoration: none;
}
.phone-btn__link:hover {
text-decoration: underline;
} .single-item__header {
display: grid;
gap: 1rem;
margin-block-end: 2.5rem;
}
@media (min-width: 1130px) {
.single-item__header {
grid-template-columns: 3fr 1fr;
}
}
.single-item__header:not(:has(.item-rate)) {
display: block;
}
.single-item-header__wrap {
position: relative;
z-index: 1;
display: flex;
gap: 1.15rem;
flex-direction: column;
padding: 1rem 0.8rem;
border-radius: var(--bradius);
}
@media (min-width: 1130px) {
.single-item-header__wrap {
padding: 1rem;
}
}
.single-item__header.dark>.single-item-header__wrap {
background-color: #101f35;
color: var(--white);
}
.single-item__header.lite>.single-item-header__wrap {
color: var(--main-color);
background-color: rgba(210, 211, 234, 0.18);
}
.item-branding__title {
margin-block-end: 1rem;
font-size: 1.4rem;
line-height: 120%;
font-weight: var(--bold);
}
@media (min-width: 1130px) {
.item-branding__title {
font-size: var(--spacing);
line-height: 115%;
}
}
h2.single-item__title {
font-size: 1.1rem;
line-height: 115%;
font-weight: var(--semi-bold);
margin-block-end: 1.5rem;
}
@media (min-width: 1130px) {
h2.single-item__title {
margin-block-end: 0;
}
}
h3.single-item__title {
margin-block-end: 1rem;
font-size: 1.1rem;
line-height: 115%;
font-weight: var(--bold);
}
.dark .item-branding__descr {
color: var(--white);
}
.item-branding__elem {
background-color: var(--white);
}
.dark .item-branding__elem {
background-color: transparent;
}
.item-rate {
display: flex;
flex-direction: column;
padding: 1rem;
border: 1px solid var(--border-color);
border-radius: var(--bradius);
overflow: clip;
cursor: pointer;
transition: border-color var(--animation)
}
.item-rate:hover {
border-color: var(--focus);
}
.heart-value {
display: inline-block;
font-size: 2rem;
line-height: 1;
margin-block-end: 0.5rem;
}
.heart-value__icon {
display: inline-block;
margin-inline-end: 5px;
font-size: 2.15rem;
line-height: 1
}
.heart-value__icon::before {
content: '❤';
background-color: #ed3333;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: background-color .3s ease-in-out
}
.item-rate__descr {
display: inline-block;
margin-bottom: 1rem;
font-size: 0.94rem;
line-height: 150%
}
.item-header__address,
.item-header__schedule {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
font-size: 0.94rem;
}
.item-header__address {
line-height: 130%;
}
.item-header__address::before,
.item-header__schedule::before {
content: "";
display: block;
width: 0.92rem;
height: 0.92rem;
opacity: 0.72;
transform: translateY(-1px);
}
.item-header__address::before {
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#location) center center / cover no-repeat;
}
.dark .item-header__address::before {
opacity: 1;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#location-lite) center center / cover no-repeat;
}
.item-header__schedule::before {
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#clock) center center / cover no-repeat;
}
.dark .item-header__schedule::before {
opacity: 1;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#clock-lite) center center / cover no-repeat;
}
.item-header__scroll {
font-style: normal;
cursor: pointer;
}
.dark .item-header__scroll {
border-color: var(--grey-bg);
}
.single-item__btns {
display: flex;
flex-direction: column-reverse;
gap: 1rem;
}
@media (min-width: 1130px) {
.single-item__btns {
flex-direction: row;
align-items: center;
gap: var(--spacing);
}
}
.single-item__info>.single-item__btns {
margin-block-start: 1.25rem;
}
.single-item__info>.single-item__btns:empty {
margin-block-start: 0;
}
.item-rate__action {
display: flex;
gap: 8px;
align-items: center;
margin-block-start: auto;
padding-block: 0.55rem;
}
.item-rate__action::after {
content: "";
display: block;
width: 1.05rem;
height: 1.05rem;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#arrow-right) center center / cover no-repeat;
opacity: 0.72;
}
.social-btn--vk {
margin-inline-start: auto;
}
.particle-canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.single-item-header__info:not(:empty) {
display: flex;
flex-direction: column;
gap: 0.4rem;
}
@media (min-width: 1130px) {
.single-item-header__info:not(:empty) {
margin-block-end: 1rem;
}
}
.item-branding__top {
display: flex;
gap: 1rem;
align-items: center;
margin-bottom: 1.5rem;
}
.item-branding__top:empty {
display: none;
}
.item-branding__status {
display: flex;
gap: 8px;
align-items: center;
padding: 6px 10px;
font-size: 13px;
line-height: 1;
background-color: var(--label-bg);
border-radius: var(--bradius);
}
@media (min-width: 1130px) {
.item-branding__status {
font-size: var(--small);
}
} 
.item-branding__status::before {
content: "";
display: block;
width: 1.15rem;
height: 1.15rem;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#crown) center center / cover no-repeat;
}
.dark .item-branding__status {
color: var(--main-color);
}
.item-branding__featured {
display: grid;
place-items: center;
width: 1.4rem;
height: 1.4rem;
background-color: var(--accent);
border-radius: var(--bradius);
}
.item-branding__featured::before {
content: "";
display: block;
width: 0.8rem;
height: 0.8rem;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#star) center center / cover no-repeat;
}
.social-btns__list--single {
position: absolute;
top: 0;
right: 0;
z-index: 9999;
flex-flow: row nowrap;
align-items: center;
gap: 0.55rem;
padding: 0.5rem;
border-radius: var(--bradius);
background-color: var(--white);
visibility: hidden;
opacity: 0;
box-shadow: 0 10px 20px rgb(178 178 209/25%);
transform: translate(-2rem, -0.75rem);
transition: opacity var(--animation);
}
.social-btns__list--single.is-active {
display: flex;
opacity: 1;
visibility: visible;
}
.social-btns__list--single>.social-btns__item {
width: 1.8rem;
height: 1.8rem;
}
.social-btns__link {
position: absolute;
inset: 0;
z-index: 1;
}
.single-item-header__web {
display: flex;
flex-flow: row nowrap;
gap: 1rem;
align-items: center;
justify-content: end;
margin-inline-start: auto;
padding-inline-end: 0.5rem;
}
.single-item-header__btns:not(:has(.social-btns__list--single))>.item-socials {
display: none;
}
.single-item-header__btns {
position: relative;
display: flex;
align-items: center;
}
.item-web,
.item-socials {
width: 1.35rem;
height: 1.35rem;
opacity: 0.7;
transition: opacity var(--animation);
}
.item-web:hover,
.item-socials:hover {
opacity: 1;
transition: opacity var(--animation);
}
.item-web::after,
.item-socials::after {
content: "";
display: block;
width: 1.35rem;
height: 1.35rem;
}
.item-web::after {
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#globe) center center / cover no-repeat;
}
.dark .item-web::after {
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#globe-lite) center center / cover no-repeat;
}
.item-socials::after {
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#share) center center / cover no-repeat;
}
.dark .item-socials::after {
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#share-lite) center center / cover no-repeat;
}
.card-attribute {
display: flex;
gap: 6px;
align-items: center;
font-size: 0.92rem;
line-height: 145%;
border-radius: var(--bradius);
}
@media (min-width: 1130px) {
.card-attribute {
margin-inline-start: auto;
}
}
.card-attribute::before {
content: "";
flex-shrink: 0;
display: block;
width: 0.92rem;
height: 0.92rem;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#check-round-green) center center / cover no-repeat;
}
.dark .card-attribute {
padding: 0.5rem 0.8rem;
background-color: rgb(255 255 255 / 15%);
border-radius: var(--bradius);
}
.item-gallery__element {
position: relative;
height: 280px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
border-radius: var(--bradius);
overflow: clip;
transition: opacity var(--animation);
}
.item-gallery__element:hover {
opacity: 0.8;
}
.item-gallery__uncut {
display: grid;
place-content: center;
overflow: clip;
}
.item-gallery__uncut>img {
border-radius: var(--bradius);
}
.item-gallery__link {
position: absolute;
inset: 0;
z-index: 1;
}
.item-benefits__list {
display: grid;
gap: 1rem;
}
@media (min-width: 1130px) {
.item-benefits__list {
display: grid;
gap: 1rem;
grid-template-columns: repeat(2, 1fr);
}
}
.item-benefits__item {
position: relative;
display: flex;
gap: 1rem;
padding: 0.75rem;
border: 1px solid var(--border-color);
border-radius: var(--bradius);
}
.single .item-benefits__item {
align-items: center;
}
.item-benefits__item:has(> p:empty) {
display: none;
}
.item-benefits__item::before {
content: "";
display: none;
width: 2.2rem;
height: 2.2rem;
background: var(--label-bg) url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#like) center center / 1.1rem 1.1rem no-repeat;
border-radius: var(--bradius);
}
.item-benefits__item>p {
line-height: 150%;
}
.single-item__section {
display: block;
margin-block-end: 3rem;
}
@media (min-width: 1130px) {
.single-item__section {
display: grid;
gap: var(--spacing);
grid-template-columns: 250px 1fr;
margin-block-end: 3rem;
}
}
.single-item__section:not(:has(.single-item__title)) {
display: block;
}
.single-item__map {
display: grid;
gap: 1rem;
}
@media (min-width: 1130px) {
.single-item__map {
grid-template-columns: 1.75fr 1fr;
}
}
.single-item__map:not(:has(.item-map__descr)) {
display: block;
}
.item-map__object {
padding: 1rem;
border: 1px solid var(--border-color);
border-radius: var(--bradius);
overflow: clip;
}
[class*="map-copyrights-promo"],
[class*="copyright__wrap"] {
display: none !important;
}
.item-map__descr {
display: flex;
flex-direction: column;
padding: 1rem;
border: 1px solid var(--border-color);
border-radius: var(--bradius);
overflow: clip;
}
.item-map__descr>*+* {
margin-block-start: 0.75rem;
}
.item-map__distance {
display: flex;
gap: 8px;
align-items: center;
margin-block-start: auto;
padding-block-start: 1rem;
font-size: 0.9rem;
color: var(--grey-color);
}
.item-map__distance::before {
content: "";
display: block;
width: 1rem;
height: 1rem;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#hike) center center / cover no-repeat;
}
.single-item__info {
padding: 1rem;
background-color: rgba(210, 211, 234, 0.18);
border-radius: var(--bradius);
}
.section__nav:not(:empty) {
display: flex;
gap: 1rem;
justify-content: space-between;
align-items: center;
margin-block-end: 1rem;
}
.single-item__logo {
max-width: 150px;
border-radius: 4px;
overflow: clip;
}
.single-item__footer {
position: relative;
z-index: 1;
display: flex;
gap: 1rem;
flex-direction: column;
align-items: center;
margin-block-end: var(--spacing);
padding: 1.5rem 1rem;
font-size: 0.9rem;
line-height: 1;
background-color: rgba(210, 211, 234, 0.18);
border-radius: var(--bradius);
}
@media (min-width: 1130px) {
.single-item__footer {
flex-direction: row;
gap: var(--spacing);
justify-content: space-between;
}
}
.single-item__footer.dark {
background-color: #101f35;
color: var(--white);
}
.single-item__views,
.single-item__checked,
.single-item__correct {
display: flex;
gap: 8px;
align-items: center;
transition: color var(--animation);
}
.single-item__correct {
color: var(--main-color);
text-decoration: underline;
}
.dark .single-item__correct,
.dark .single-item__correct:hover {
color: var(--white);
}
.single-item__correct:hover {
color: var(--hover-color);
text-decoration: underline;
}
.single-item__views::before,
.single-item__checked::before,
.single-item__correct::before {
content: "";
margin-inline-start: auto;
display: block;
width: 0.96rem;
height: 0.96rem;
}
.single-item__views::before {
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#eye) center center / cover no-repeat;
}
.dark .single-item__views::before {
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#eye-lite) center center / cover no-repeat;
}
.single-item__checked::before {
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#check-round) center center / cover no-repeat;
}
.dark .single-item__checked::before {
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#check-round-lite) center center / cover no-repeat;
}
.single-item__correct::before {
width: 1.1rem;
height: 1.1rem;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#correct) center center / cover no-repeat;
}
.dark .single-item__correct::before {
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#correct-lite) center center / cover no-repeat;
}
.single-item__image {
position: relative;
border-radius: var(--bradius);
}
.single-item__img {
border-radius: var(--bradius);
}
.phone-btn {
position: relative;
padding: 0;
border-radius: var(--bradius);
overflow: visible;
}
.single-item .phone-btn {
background-color: var(--white);
}
.single-item .dark .phone-btn {
background-color: transparent;
border: 1px solid #454647;
}
.phone-btn::after {
display: none;
}
.dark .phone-btn,
.dark .phone-btn:hover {
color: var(--white);
} .item-pricelist {
border: 1px solid var(--border-color);
border-radius: var(--bradius);
}
@media (min-width: 800px) {
.item-pricelist {
padding: 1rem;
}
}
.pricelist-table {
width: 100%;
border-collapse: collapse;
}
.pricelist-table thead th {
padding: 0.75rem;
text-align: left;
font-weight: var(--bold);
} .pricelist-table tbody tr {
display: flex;
flex-direction: column;
padding-block: 10px;
border-top: 1px solid #ddd;
}
@media (min-width: 800px) {
.pricelist-table tbody tr {
flex-direction: row;
justify-content: space-between;
padding-block: 0;
}
} .pricelist-table tbody td {
padding: 0 12px;
vertical-align: middle;
}
@media (min-width: 800px) {
.pricelist-table tbody td {
padding: 15px 12px;
}
}
.pricelist-table thead tr>*+*,
.pricelist-table tbody tr>*+* {
font-size: var(--small);
font-weight: var(--semi-bold);
}
@media (min-width: 800px) {
.pricelist-table thead tr>*+*,
.pricelist-table tbody tr>*+* {
text-align: right;
font-size: 1rem;
font-weight: var(--normal);
}
}
.pricelist-table th,
.pricelist-table td {
transition: background-color 0.3s ease;
}
.pricelist-table tbody tr:hover {
background-color: var(--white);
}
.hidden {
display: none;
}
.pricelist-table tbody tr {
display: none;
}
.pricelist-table tbody tr:has(td:only-child),
.pricelist-table thead tr:has(th:only-child) {
position: relative;
font-size: var(--small);
font-weight: var(--bold);
text-transform: uppercase;
letter-spacing: 0.5px;
background-color: rgba(210, 211, 234, 0.18);
border: 0;
}
.pricelist-table thead tr:has(th:only-child)::after,
.pricelist-table tbody tr:has(td:only-child)::after {
content: "";
}
.pricelist-table tbody tr:has(td:only-child)+tr,
.pricelist-table thead tr:has(th:only-child)+tr,
.pricelist-table tbody tr:first-child {
border: none;
}
.btn--pricelist {
width: 100%;
margin-block-start: 1rem;
}
@media (min-width: 1130px) {
.btn--pricelist {
margin-block-start: 0;
}
}
.btn--pricelist::after {
display: none;
}
.btn--pricelist>span {
display: flex;
gap: 8px;
align-items: center;
}
.btn--pricelist>span::after {
content: "";
display: block;
width: 1.15rem;
height: 1.15rem;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#arrow-down) center center / cover no-repeat;
transform: translateY(1px);
}
.btn--pricelist.is-active>span::after {
transform: translateY(0) rotate(180deg);
} .comment-form-rating {
display: flex;
align-items: center;
gap: 0.5rem;
width: 100%;
margin-block-start: 0.5rem;
}
@media (min-width: 1130px) {
.comment-form-rating {
margin-block-start: 1rem;
}
}
.logged-in .comment-form-rating {
margin-block-start: 0;
}
.comment-form-rating label {
margin-bottom: 0;
font-weight: var(--semi-bold);
line-height: 1;
}
.rating-container {
font-size: 0;
display: flex;
justify-content: flex-end;
flex-direction: row-reverse;
gap: 0.5rem;
}
.rating-container * {
font-size: 1.7rem;
}
.rating-container>input {
position: absolute;
margin: -1px;
width: 1px;
height: 1px;
clip-path: inset(100%);
}
.rating-container>input+label {
display: inline-block;
overflow: hidden;
text-indent: 9999px;
width: 1.4rem;
white-space: nowrap;
cursor: pointer;
margin: 0;
}
.rating-container>input+label:before {
display: inline-block;
text-indent: -9999px;
content: "★";
color: #b7d3ff;
transition: color 0.3s;
}
.rating-container>input:checked~label:before,
.rating-container>input+label:hover~label:before,
.rating-container>input+label:hover:before {
content: "★";
color: #fb8022;
transition: color 0.3s;
}
.rating-container>.star-cb-clear+label {
text-indent: -9999px;
width: .5em;
margin-left: -.5em;
}
.rating-container>.star-cb-clear+label:before {
width: .5em;
}
.rating-container:hover>input+label:before {
content: "★";
color: #b7d3ff;
transition: color 0.3s;
}
.star-filled {
width: 1rem;
font-size: 1.3rem;
}
@media(max-width: 415px) {
.star-filled {
font-size: 1rem;
}
}
.stars {
display: flex;
align-items: center;
}
.stars__label {
display: none;
}
@media (min-width: 1130px) {
.stars__label {
display: inline;
padding-right: 10px;
font-size: var(--small);
}
} 
.rating-container:hover>input+label:hover~label:before,
.rating-container:hover>input+label:hover:before,
.star-filled:before {
content: "★";
color: #fb8022;
transition: color 0.3s;
}
.comment-respond .rating-container>.star-cb-clear+label,
.comment-respond .rating-container>input+label:before {
text-indent: 9999px;
}
.comment-respond .rating-container>input+label {
text-indent: -9999px;
}
.star-empty {
display: inline-block;
width: 1rem;
height: 1.5rem;
background-color: var(--white);
}
.comments-rating-box {
margin-bottom: 2.5rem;
padding: 1.4rem;
border: 1px solid var(--border-color);
border-radius: var(--bradius);
}
@media (max-width: 800px) {
.comments-rating-box {
margin-bottom: 1rem;
border: none
}
}
.comment__rating {
margin-inline-start: auto;
} .poster {
position: relative;
margin-block-start: -1.75rem;
}
.poster__wrap {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
overflow: clip;
}
.poster__wrap::before {
content: '';
position: absolute;
inset: 0;
z-index: 1;
background-color: var(--poster-bg);
}
.poster__content {
position: relative;
z-index: 5;
display: flex;
flex-direction: column;
gap: 1rem;
padding: 5rem 0 3rem;
}
@media (min-width: 1130px) {
.poster__content {
gap: 1.5rem;
padding: 13rem 0 10rem;
}
}
.poster__title,
.poster__descr,
.poster__descr a {
color: var(--poster-color);
}
.poster__title {
font-size: 2.2rem;
line-height: 125%;
}
@media (min-width: 800px) {
.poster__title {
font-size: 3rem;
}
}
@media (min-width: 1130px) {
.poster__title {
font-size: 3.6rem;
max-width: 1300px;
}
}
.poster__title>span {
color: var(--poster-highlight);
}
.poster__descr {
font-size: 0.96rem;
line-height: 150%;
}
@media (min-width: 1130px) {
.poster__descr {
max-width: 800px;
font-size: 1.2rem;
}
} .filter {
margin-block-end: 3rem;
}
.filter-port {
display: grid;
gap: 1rem;
margin-block-end: 1.5rem;
padding: 1.5rem 0.6rem;
background-color: rgb(230 231 234 / 34%);
border-radius: var(--bradius);
}
@media (min-width: 1130px) {
.filter-port {
grid-template-columns: repeat(3, 1fr);
align-items: center;
gap: var(--spacing);
padding: var(--spacing) 1.5rem;
}
}
.filter-wrap__select {
font-size: 0.9rem;
border-color: var(--border-color);
cursor: pointer;
transition: outline 0.3s linear;
}
.filter-container:hover .filter-wrap__select {
border-color: var(--focus);
transition: outline 0.3s linear;
}
.card-container {
display: grid;
gap: var(--spacing);
}
.filter-container {
position: relative;
}
.filter-container::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
display: flex;
justify-content: center;
width: 1.05rem;
height: 1.05rem;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#arrow-down) center center / cover no-repeat;
transform: translate(-1rem, -0.6rem)
}
.filter-container>label {
margin-block-end: 0.5rem;
font-size: 1rem;
font-weight: var(--semi-bold);
}
.no-cards-message {
color: var(--grey-color)
}
.filter-wrap__btn {
position: relative;
display: flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
width: 100%;
margin-block-start: 1.5rem;
}
.filter-wrap__btn::before {
content: "";
width: 0.9rem;
height: 0.9rem;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#arrow-right) center center / cover no-repeat;
} .home-faq {
background-color: rgb(230 231 234 / 34%);
}
.faq__wrap {
position: relative;
display: grid;
gap: var(--spacing);
align-items: start;
}
@media (min-width: 1130px) {
.faq__wrap {
grid-template-columns: 1fr 400px;
}
}
.faq__wrap:not(:has(.faq-form)) {
display: block;
}
.faq__list {
display: flex;
flex-direction: column;
gap: 1.15rem;
list-style: none;
}
.term-section__faq {
margin-block-start: var(--spacing);
padding: 1.5rem;
background-image: repeating-linear-gradient(135deg, hsla(35, 0%, 71%, 0.09) 0px, hsla(35, 0%, 71%, 0.09) 1px, transparent 1px, transparent 11px), repeating-linear-gradient(45deg, hsla(35, 0%, 71%, 0.09) 0px, hsla(35, 0%, 71%, 0.09) 1px, transparent 1px, transparent 11px), linear-gradient(90deg, hsl(224deg 24% 91% / 24%), hsl(0deg 0% 100%));
border-radius: var(--bradius);
}
.faq__list--terms {
margin-block-start: 1rem;
display: flex;
flex-direction: column;
}
@media (min-width: 1130px) {
.faq__list--terms {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
.faq__list--terms > li {
align-self: auto;
}
@media (min-width: 1130px) {
.faq__list--terms > li {
align-self: start;
}
}
.faq-item {
position: relative;
background-color: var(--white);
border-radius: var(--bradius);
border: 1px solid var(--border-color);
overflow: clip;
transition: border-color var(--animation);
}
.faq-item__header {
display: flex;
gap: 10px;
align-items: baseline;
padding: 1rem;
font-size: 1.05rem;
line-height: 145%;
cursor: pointer;
}
.faq-item__header::before {
content: "";
flex-shrink: 0;
display: block;
width: 1.2rem;
height: 1.2rem;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#quest) center center / cover no-repeat;
transform: translateY(4px);
}
.faq-item__header--term {
font-weight: var(--semi-bold);
}
.faq-item__header::after {
content: "";
flex-shrink: 0;
margin-inline-start: auto;
display: block;
width: 1.25rem;
height: 1.25rem;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#arrow-down) center center / cover no-repeat;
transform: translateY(4px);
}
.faq-item__header.is-active::after {
transform: rotate(180deg);
}
.faq-item:hover {
border-color: var(--focus)
}
.faq-item__content {
display: none;
transform: translateY(-10px);
padding: 1rem;
animation: fadeAndExpand 0.4s ease forwards;
}
.faq-item__content.is-visible {
display: block;
animation: fadeAndExpand 0.3s ease forwards;
}
.faq-item__content p {
margin: 10px 0;
}
.faq-form {
position: -webkit-sticky;
position: sticky;
top: 110px;
padding: 1.1rem;
background-color: var(--white);
border-radius: var(--bradius);
border: 1px solid var(--border-color);
}
.faq-form .wpcf7 {
max-width: 100%;
}
.faq-form__title,
.modal__title {
display: block;
margin-block-end: 6px;
font-size: 1.25rem;
font-weight: var(--bold);
}
.faq-form__text,
.modal__text {
display: block;
margin-block-end: 1rem;
font-size: 0.88rem;
line-height: 145%;
color: var(--grey-color);
} .featured-orgs {
background-color: rgb(230 231 234 / 34%);
}
.featured-orgs__wrap {
display: grid;
gap: var(--spacing)
}
@media (min-width: 900px) {
.featured-orgs__wrap {
grid-template-columns: 1fr 1fr;
}
}
.card--featured {
display: grid;
gap: 0;
padding: 1rem;
background-color: var(--white);
box-shadow: none;
border-color: var(--border-color);
}
@media (min-width: 1130px) {
.card--featured {
padding: 1rem 1.5rem;
}
}
.card--featured .card__title {
font-size: 1.15rem;
}
@media (min-width: 1130px) {
.card--featured .card__title {
font-size: 1.45rem;
}
}
.card__media {
position: relative;
display: grid;
gap: 1rem;
}
@media (min-width: 1130px) {
.card__media {
grid-template-columns: repeat(2, 1fr);
}
}
.card__media>* {
border-radius: var(--bradius);
overflow: clip;
}
.card__map {
z-index: 10;
border: 1px solid var(--border-color);
cursor: grab;
}
.card-map-container {
max-width: 100% !important;
height: 400px;
border-radius: var(--bradius);
}
.home .card-map-container {
height: 100%;
min-height: 200px;
}
@media (min-width: 1130px) {
.home .card-map-container {
min-height: 152px;
}
}
.card__wrap {
display: flex;
flex-direction: column;
gap: 1rem;
}
.card__locations--featured>li {
flex-wrap: wrap;
}
.card__locations--featured>.card__area {
column-gap: 1rem;
row-gap: 8px;
margin-block-end: 3px;
}
.card .item-benefits__item {
font-size: 0.9rem;
}
@media (min-width: 1130px) {
.card .item-benefits__item {
font-size: 0.82rem;
line-height: 125%;
}
}
.card__rating--featured {
display: flex;
align-items: center;
gap: 6px;
}
.card .item-benefits__item::before {
display: flex;
width: 1.6rem;
height: 1.6rem;
background-size: 0.9rem 0.9rem;
}
.item-benefits__list--featured .item-benefits__item {
display: block;
}
.item-benefits__list--featured .item-benefits__item::before {
position: absolute;
top: 0;
left: 0;
width: 1rem;
height: 1rem;
border-radius: 50%;
background: var(--label-bg);
transform: translate(-8px, -6px);
}
.card__descr--featured {
margin: 0;
border: 0;
opacity: 1;
}
.card__descr--featured>p {
-webkit-line-clamp: 6;
}
.card__footer--featured {
margin-block-end: 0;
}
.card__actions {
position: absolute;
left: 0;
top: 0;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
padding: 0 12px;
font-size: 0.88rem;
line-height: 31px;
background-color: var(--accent);
color: var(--white);
border-radius: var(--bradius);
transform: translate(1rem, 1rem);
}
.cat-terms__list {
display: grid;
gap: 1rem;
}
@media (min-width: 700px) {
.cat-terms__list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1130px) {
.cat-terms__list {
grid-template-columns: repeat(3, 1fr);
}
}
.cat-terms__item {
position: relative;
gap: 1rem;
grid-template-columns: auto;
align-items: center;
padding: 0.8rem 1.2rem;
border: 1px solid var(--border-color);
border-radius: var(--bradius);
overflow: clip;
transition: border-color var(--animation);
}
.cat-terms__item:hover {
border-color: var(--focus)
}
.cat-terms__wrap {
padding-inline-end: 1rem;
border: 0;
}
.cat-terms__item:has(.cat-terms__img),
.cat-terms__item:has(.term-section__img),
.cat-terms__item:has(.cat-terms__color) {
display: grid;
grid-template-columns: 1fr 56px;
}
.cat-terms__item:has(.cat-terms__img)>.cat-terms__wrap,
.cat-terms__item:has(.term-section__img)>.cat-terms__wrap,
.cat-terms__item:has(.cat-terms__color)>.cat-terms__wrap {
border-right: 1px solid var(--border-color);
}
.cat-terms__title {
font-size: 1.1rem;
line-height: 130%;
font-weight: var(--semi-bold);
}
@media (min-width: 800px) {
.cat-terms__title {
font-size: 1.25rem;
}
}
.cat-terms__count {
font-size: 0.88rem;
font-weight: var(--normal);
color: var(--grey-color);
}
.cat-terms__link {
position: absolute;
inset: 0;
z-index: 1;
} .top-rating__list {
display: flex;
flex-direction: column;
gap: 1.5rem;
padding-block-end: 3rem;
}
.top-rating__item {
position: relative;
display: flex;
flex-direction: column;
gap: 3rem;
padding: 1.5rem 1rem;
background-color: #fafafc;
border: 1px solid var(--white);
border-radius: var(--bradius);
transition: border-color var(--animation);
overflow: clip;
}
@media (min-width: 1130px) {
.top-rating__item {
padding: 1.5rem;
}
} 
.top-rating__item:hover {
border-color: var(--focus)
}
.top-item__img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 30%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.top-item__img::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(85deg, #fafafc 30%, transparent);
}
@media (min-width: 1130px) {
.top-item__img::before {
background: linear-gradient(68deg, #fafafc 20%, transparent 75%);
}
}
.top-item__title {
font-size: 1.42rem;
line-height: 130%;
font-weight: var(--normal);
}
.single-action .top-item__title {
padding-inline-end: 4rem;
}
@media (min-width: 1130px) {
.top-item__title {
font-size: 1.92rem;
line-height: 130%;
font-weight: var(--normal);
}
}
.top-item__wrap {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
gap: 1rem;
max-width: 1024px;
margin-block-start: auto;
}
.top-item__attributes {
display: flex;
flex-direction: column;
gap: 1rem;
}
@media (min-width: 1130px) {
.top-item__attributes {
flex-direction: row;
align-items: center;
}
}
.top-item__attribute {
align-items: baseline;
margin-inline-start: 0;
padding: 0;
opacity: 0.8;
transition: opacity var(--animation);
}
.top-item__attribute::before {
transform: translateY(3px);
}
.top-item__descr {
display: block;
font-size: 0.92rem;
line-height: 160%;
transition: opacity var(--animation);
}
.top-rating__item:hover .top-item__attribute {
opacity: 1;
}
.top-item__btn {
position: absolute;
top: 0;
right: 0;
z-index: 5;
width: 2.8rem;
height: 2.8rem;
background: var(--primary-btn-bg) url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#arrow-right-lite) center center / 1.2rem 1.2rem no-repeat;
border-radius: 50%;
transform: translate(-1.25rem, 1.25rem);
transition: background-color var(--animation);
}
.top-rating__item:hover .top-item__btn {
background-color: var(--primary-btn-bg-hover)
}
.top-item__link {
position: absolute;
inset: 0;
z-index: 10;
}
.top-item__list {
margin-block-end: 3rem;
} .map-section>.container {
width: 100%;
}
@media (min-width: 1130px) {
.map-section>.container {
width: min(var(--width), 100% - calc(var(--spacing) * 2));
}
}
.map-section>.container>.section__header {
padding-inline: 1rem;
}
@media (min-width: 1130px) {
.map-section>.container>.section__header {
padding-inline: 0;
}
}
.map-section__wrap {
border-top: 1px solid var(--border-color);
border-bottom: 1px solid var(--border-color);
}
@media (min-width: 1130px) {
.map-section__wrap {
padding: 1rem;
border: 1px solid var(--border-color);
border-radius: var(--bradius);
overflow: clip;
}
}
#mapContainer {
position: relative;
width: 100%;
height: 400px;
overflow: hidden;
}
@media (min-width: 1130px) {
#mapContainer {
height: 600px;
}
}
.single-item [class*="-balloon_layout_panel"] {
display: none !important;
}
@media (min-width: 1130px) {
.single-item [class*="-balloon_layout_panel"] {
display: block;
}
}
.baloon-general {
position: relative;
width: 240px;
padding: 0.5rem;
font-family: var(--font-family) !important;
}
.baloon-general__title {
display: block;
margin-bottom: 0.75rem;
font-size: 1.05rem;
line-height: 125%;
font-weight: var(--bold);
color: var(--main-color);
}
.size-map-img {
margin-bottom: 0.75rem;
border-radius: var(--bradius);
transition: opacity 0.3s;
}
.archive .size-map-img,
.search-results .size-map-img {
display: none;
}
@media (min-width: 800px) {
.archive .size-map-img,
.search-results .size-map-img {
display: block;
}
}
.size-map-img:hover {
opacity: 0.8;
transition: opacity 0.3s;
}
.baloon-general__address,
.baloon-general__attr {
font-size: 0.9rem;
margin-bottom: 0.55rem;
}
.baloon-general__attr {
font-size: var(--small);
color: var(--grey-color);
}
.baloon-btn {
display: block;
width: 100%;
font-size: 0.9rem !important;
height: 40px;
}
.baloon-link {
position: absolute;
inset: 0;
z-index: 1;
} .custom-content__list {
display: grid;
gap: 1.5rem;
}
@media (max-width: 1130px) {
.custom-content__list {
display: block;
}
}
.custom-content__item {
position: relative;
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1rem;
border: 1px solid var(--border-color);
border-radius: var(--bradius);
transition: border-color var(--animation);
}
@media (max-width: 1130px) {
.custom-content__item:not(last-child) {
margin-bottom: var(--spacing);
}
}
.custom-content__item:hover {
border-color: var(--focus)
}
.custom-content__img {
border-radius: var(--bradius);
}
@media (max-width: 600px) {
.custom-content__item {
padding: 1.4rem 1rem
}
}
.custom-content__subtitle {
display: block;
font-size: 1.1rem;
line-height: 130%;
}
.custom-content__btn {
margin-block-start: auto;
}
.custom-content__text {
font-size: 0.96rem;
line-height: 155%;
}
.custom-content__link {
position: absolute;
inset: 0;
z-index: 1;
} .actions-list {
display: grid;
gap: 1rem;
}
@media (min-width: 580px) {
.actions-list {
grid-template-columns: repeat(2, 1fr);
}
}
.actions-list--aside {
display: flex;
flex-direction: column;
}
.actions-list__item {
position: relative;
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1rem;
border: 1px solid var(--border-color);
border-radius: var(--bradius);
transition: border-color var(--animation);
}
@media (min-width: 1200px) {
.actions-list__item {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 446px) {
.actions-list__item {
padding: 1rem var(--spacing);
}
}
@media (min-width: 530px) {
.actions-list__item {
padding: 1rem;
}
}
.actions-list--aside>.actions-list__item {
display: flex;
flex-direction: column;
}
.actions-list__item:hover {
border-color: var(--focus)
}
.actions-list__img {
aspect-ratio: 16/9;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
border-radius: var(--bradius);
transition: opacity var(--animation);
}
.actions-list__item:hover>.actions-list__img {
opacity: 0.8;
}
.actions-list__wrap {
display: flex;
flex-direction: column;
gap: 1rem;
height: 100%;
}
.actions-list__title {
line-height: 140%;
}
.actions-list__link {
position: absolute;
inset: 0;
z-index: 1;
}
.actions-list__type {
align-self: baseline;
display: inline-block;
padding: 8px 12px;
font-size: 14px;
line-height: 1;
background-color: var(--accent);
border-radius: var(--bradius);
color: var(--white);
}
@media (min-width: 1130px) {
.actions-list__type {
position: absolute;
top: 0;
left: 0;
transform: translate(1.5rem, 1.5rem);
}
.single-action__content .actions-list__type {
position: static;
transform: none;
}
}
@media (min-width: 1130px) {
.single-action__atts .actions-list__type {
align-self: center;
}
} 
.single-action__starter {
font-size: 0.9rem;
color: var(--grey-color);
}
.actions-list__dates {
display: flex;
gap: 6px;
align-items: center;
margin-block-start: auto;
margin-inline-start: 0;
font-size: 0.9rem;
color: var(--grey-color);
} .actions-list__dates::before {
content: "";
display: block;
width: 0.88rem;
height: 0.88rem;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#calend) center center / cover no-repeat;
opacity: 0.8;
}
.single-action .actions-list__dates {
margin-block-start: 0;
}
.actions-list__text {
padding: 1rem;
font-size: 0.96rem;
line-height: 155%;
border: 1px solid var(--border-color);
border-radius: var(--bradius);
}
.actions-list__text>p:not(:last-child) {
margin-block-end: 0.75rem;
} .modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
.modal.is-active {
opacity: 1;
pointer-events: auto;
}
.modal__overlay {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: rgb(0 0 0 / 85%);
opacity: 0;
animation: modalOverlayShow 0.3s ease forwards;
}
.modal.is-active .modal__overlay {
animation: modalOverlayShow 0.3s ease forwards;
}
.modal.is-hiding .modal__overlay {
animation: modalOverlayHide 0.3s ease forwards;
}
.modal__content {
position: relative;
max-width: 460px;
width: 100%;
padding: 1.5rem;
background-color: var(--white);
border-radius: 8px;
opacity: 0;
box-shadow: 0 4px 6px rgb(0 0 0 / 20%);
transform: translateY(20px);
animation: modalContentShow 0.3s ease forwards;
}
.modal.is-active .modal__content {
animation: modalContentShow 0.3s ease forwards;
}
.modal.is-hiding .modal__content {
animation: modalContentHide 0.3s ease forwards;
}
.modal__close {
position: absolute;
top: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
width: var(--spacing);
height: var(--spacing);
border-radius: var(--bradius);
cursor: pointer;
transform: translate(-1rem, 1rem);
transition: background-color var(--animation);
}
.modal__close::before {
content: "";
display: block;
width: 1.2rem;
height: 1.2rem;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#close) center center / cover no-repeat;
}
.modal__close:hover {
background-color: rgba(210, 211, 234, 0.28);
} .modal-login .modal__content {
max-width: 370px;
}
.modal-login form>*+* {
margin-block-start: 0.6rem;
}
.modal-login label {
font-size: var(--small);
color: var(--grey-color);
}
#loginform input[type=submit] {
width: 100%;
}
.login-options-off {
display: flex;
gap: 1rem;
justify-content: space-between;
align-items: center;
margin-block-start: 1.5rem;
font-size: var(--small);
color: var(--grey-color);
}
.login-remember label {
display: flex;
gap: 10px;
align-items: center;
font-size: var(--small);
line-height: 1;
}
.login-remember input {
width: 16px;
height: 16px;
}
.login-header {
display: grid;
gap: 1rem;
align-self: center;
grid-template-columns: 2.4rem 1fr;
margin-block-end: 1.5rem;
}
.login-header__title {
display: block;
padding-inline-end: 1.5rem;
font-size: 1rem;
font-weight: var(--semi-bold);
line-height: 1;
}
.login-header__init {
display: flex;
justify-content: center;
align-items: center;
width: 2.4rem;
height: 2.4rem;
background-color: rgba(111, 115, 248, 0.1);
border-radius: var(--bradius);
background-color: var(--accent);
color: var(--white);
font-size: 1.15rem;
font-weight: var(--bold);
text-transform: uppercase;
line-height: 1;
}
.login-header__wrap,
.login-options-on {
display: flex;
flex-direction: column;
}
.login-options-on {
gap: 0.5rem;
}
.login-options-on>li>a {
display: block;
padding: 1rem;
text-align: center;
font-size: 0.94rem;
line-height: 1;
text-decoration: none;
color: var(--main-color);
border: 1px solid var(--border-color);
border-radius: var(--bradius);
transition: background-color var(--animation), border-color var(--animation);
}
.login-options-on>li>a:hover {
background-color: var(--grey-bg);
border-color: var(--focus)
}
.login-header__text {
font-size: var(--small);
color: var(--grey-color);
} .breadcrumbs {
display: block;
line-height: 1.2;
}
.breadcrumbs__item {
position: relative;
display: inline;
font-size: 0.88rem;
line-height: 140%;
color: var(--grey-color);
}
.breadcrumbs__item::before {
content: "/";
margin-right: 0.5rem;
font-size: 12px;
color: var(--grey-color);
}
.breadcrumbs__item--home svg {
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px;
transform: translate(2px, 1px);
}
.breadcrumbs__item:not(:last-child) {
margin-right: 0.5rem;
}
.breadcrumbs__item:first-child::before {
display: none;
}
.breadcrumbs__link {
color: var(--grey-color);
display: inline-block;
text-decoration: none;
}
.breadcrumbs__link:not(a[href]):hover {
color: var(--grey-color);
text-decoration: none;
}
.breadcrumbs__link:hover {
color: var(--hover-color);
text-decoration: underline;
}
.single-item__backlink {
display: flex;
gap: 5px;
align-items: center;
margin-inline-start: auto;
}
@media (max-width: 760px) {
.single-item__backlink {
display: none;
}
}
.backlink__icon {
width: 0.8rem;
height: 0.8rem;
stroke: var(--grey-color);
}
.backlink__link {
font-size: 0.88rem;
color: var(--grey-color);
text-decoration: none;
transition: color var(--animation);
}
.backlink__link:hover {
color: var(--hover-color);
text-decoration: underline;
} .taxonomy-buttons__list {
display: flex;
margin-block-end: 1.15rem;
}
.taxonomy-buttons__list--header {
flex-wrap: nowrap;
gap: 0.55rem;
padding-bottom: 10px;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.taxonomy-buttons__list--header:hover {
cursor: grab;
}
.taxonomy-buttons__list--header:active {
cursor: grabbing;
}
.taxonomy-buttons__list--header::-webkit-scrollbar {
display: none;
}
@media (min-width: 800px) {
.taxonomy-buttons__list--header::-webkit-scrollbar {
display: block;
}
}
@media (min-width: 800px) {
.taxonomy-buttons__list--header {
flex-flow: row wrap;
justify-content: flex-start;
gap: 1.25rem;
scrollbar-width: thin;
}
}
.taxonomy-buttons__list--poster {
flex-flow: row wrap;
justify-content: flex-start;
gap: 1rem;
width: 100%;
margin-block-start: 0.7rem;
}
@media (min-width: 1130px) {
.taxonomy-buttons__list--poster {
width: 100%;
margin-block-start: 1rem;
margin-block-end: 0;
}
}
.taxonomy-buttons__list--header>* {
scroll-snap-align: start;
flex-shrink: 0;
}
.taxonomy-buttons__list--poster>* {
flex: 1 1 165px;
}
@media (min-width: 800px) {
.taxonomy-buttons__list--header>* {
flex: 1 1 170px;
}
}
.taxonomy-buttons__link {
position: relative;
z-index: 1;
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.75rem 1.85rem;
font-size: var(--small);
line-height: 1;
border-radius: var(--bradius);
text-decoration: none;
transition: color var(--animation);
overflow: clip;
}
@media (min-width: 800px) {
.taxonomy-buttons__link {
padding: 0.75rem 1.1rem;
font-size: 1rem;
}
}
@media (min-width: 800px) {
.taxonomy-buttons__link {
padding: 0.85rem 1.25rem;
}
}
.taxonomy-buttons__link>span {
transform: translateX(-1rem);
transition: all var(--animation);
}
@media (min-width: 800px) {
.taxonomy-buttons__link>span {
transform: translateX(0);
transition: all var(--animation);
}
}
.taxonomy-buttons__link:hover {
text-decoration: none;
}
.taxonomy-buttons__link:hover>span {
transform: translateX(0.5rem);
}
@media (min-width: 800px) {
.taxonomy-buttons__link:hover>span {
transform: translateX(1.25rem);
}
}
.taxonomy-buttons__link::after {
content: "›";
position: absolute;
top: 50%;
right: 0;
width: 1.5rem;
height: 1.5rem;
opacity: 1;
font-size: 1.2rem;
text-align: center;
transform: translate(-0.5rem, -50%);
transition: all var(--animation);
}
.taxonomy-buttons__link:hover::after {
opacity: 0;
transform: translate(1.5rem, -50%);
}
.taxonomy-buttons__link::before {
content: "›";
position: absolute;
top: 50%;
left: 0;
width: 1.5rem;
height: 1.5rem;
opacity: 0;
font-size: 1.2rem;
text-align: center;
transform: translate(-1.5rem, -50%);
transition: all var(--animation);
}
.taxonomy-buttons__link:hover::before {
opacity: 1;
transform: translate(0.5rem, -50%);
}
.post-type-archive-item .taxonomy-buttons__all>a::before,
.tax-sector .taxonomy-buttons__cats>a::before,
.page-template-terms-archive-sector .taxonomy-buttons__cats>a::before,
.tax-services .taxonomy-buttons__services>a::before,
.page-template-terms-archive-services .taxonomy-buttons__services>a::before,
.tax-city .taxonomy-buttons__cities>a::before,
.page-template-terms-archive-city .taxonomy-buttons__cities>a::before,
.tax-district .taxonomy-buttons__districts>a::before,
.page-template-terms-archive-district .taxonomy-buttons__districts>a::before,
.tax-metro .taxonomy-buttons__metro>a::before,
.page-template-terms-archive-metro .taxonomy-buttons__metro>a::before {
opacity: 1;
transform: translate(0.5rem, -50%);
}
.post-type-archive-item .taxonomy-buttons__all>a>span,
.tax-sector .taxonomy-buttons__cats>a>span,
.page-template-terms-archive-sector .taxonomy-buttons__cats>a>span,
.tax-services .taxonomy-buttons__services>a>span,
.page-template-terms-archive-services .taxonomy-buttons__services>a>span,
.tax-city .taxonomy-buttons__cities>a>span,
.page-template-terms-archive-city .taxonomy-buttons__cities>a>span,
.tax-district .taxonomy-buttons__districts>a>span,
.page-template-terms-archive-district .taxonomy-buttons__districts>a>span,
.tax-metro .taxonomy-buttons__metro>a>span,
.page-template-terms-archive-metro .taxonomy-buttons__metro>a>span {
transform: translateX(0.35rem) !important;
}
@media (min-width: 800px) {
.post-type-archive-item .taxonomy-buttons__all>a>span,
.tax-sector .taxonomy-buttons__cats>a>span,
.page-template-terms-archive-sector .taxonomy-buttons__cats>a>span,
.tax-services .taxonomy-buttons__services>a>span,
.page-template-terms-archive-services .taxonomy-buttons__services>a>span,
.tax-city .taxonomy-buttons__cities>a>span,
.page-template-terms-archive-city .taxonomy-buttons__cities>a>span,
.tax-district .taxonomy-buttons__districts>a>span,
.page-template-terms-archive-district .taxonomy-buttons__districts>a>span,
.tax-metro .taxonomy-buttons__metro>a>span,
.page-template-terms-archive-metro .taxonomy-buttons__metro>a>span {
transform: translateX(1rem) !important;
}
}
.post-type-archive-item .taxonomy-buttons__all>a,
.tax-sector .taxonomy-buttons__cats>a,
.page-template-terms-archive-sector .taxonomy-buttons__cats>a,
.tax-services .taxonomy-buttons__services>a,
.page-template-terms-archive-services .taxonomy-buttons__services>a,
.tax-city .taxonomy-buttons__cities>a,
.page-template-terms-archive-city .taxonomy-buttons__cities>a,
.tax-district .taxonomy-buttons__districts>a,
.page-template-terms-archive-district .taxonomy-buttons__districts>a,
.tax-metro .taxonomy-buttons__metro>a,
.page-template-terms-archive-metro .taxonomy-buttons__metro>a {
border: 1px solid var(--secondary-btn-bg-hover);
}
.post-type-archive-item .taxonomy-buttons__all>a::after,
.tax-sector .taxonomy-buttons__cats>a::after,
.page-template-terms-archive-sector .taxonomy-buttons__cats>a::after,
.tax-services .taxonomy-buttons__services>a::after,
.page-template-terms-archive-services .taxonomy-buttons__services>a::after,
.tax-city .taxonomy-buttons__cities>a::after,
.page-template-terms-archive-city .taxonomy-buttons__cities>a::after,
.tax-district .taxonomy-buttons__districts>a::after,
.page-template-terms-archive-district .taxonomy-buttons__districts>a::after,
.tax-metro .taxonomy-buttons__metro>a::after,
.page-template-terms-archive-metro .taxonomy-buttons__metro>a::after {
opacity: 0 !important;
}
.taxonomy-buttons__count {
position: absolute;
top: 0;
font-size: 0.76rem;
transform: translate(5px, -2px);
} .section__title--term {
max-width: 900px;
margin-block-end: 0;
font-size: 1.7rem;
text-align: left;
}
.term-section__wrap {
position: relative;
display: grid;
gap: var(--spacing);
align-items: start;
}
@media (min-width: 1130px) {
.term-section__wrap {
grid-template-columns: 3fr 2fr;
}
}
.term-section__wrap:has(.term-section__content > .term-section__list:empty)>.term-section__map {
display: none;
}
.term-section__list>*+* {
margin-block-start: 1.5rem;
}
.term-section__map {
position: sticky;
top: 5rem;
padding: 1rem;
border: 1px solid var(--border-color);
border-radius: var(--bradius);
}
.archive .card--featured::before {
display: none;
}
.archive .card__descr {
margin-block-start: 0;
}
.archive:not(.post-type-archive) #mapContainer,
.search-results #mapContainer {
height: 400px;
}
@media (min-width: 1130px) {
.archive:not(.post-type-archive) #mapContainer,
.search-results #mapContainer {
height: 800px;
}
}
.term-section__header {
display: flex;
flex-direction: column;
gap: 1rem;
margin-block-end: 1rem;
}
@media (min-width: 1130px) {
.term-section__header {
flex-direction: row;
align-items: center;
}
}
.term-section__port {
display: flex;
gap: 1rem;
}
.term-section__port::before {
content: "";
width: 1rem;
height: 1rem;
border-radius: 50%;
transform: translateY(9px);
}
.term-section__header--metro .term-section__port::before {
background-color: var(--metro-color);
}
.term-section__header--city .term-section__port::before {
background-color: var(--city-color);
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
border-radius: 0;
}
.term-section__header--district .term-section__port::before {
background-color: var(--district-color);
border-radius: 0;
}
.tax-sector .term-section__header .term-section__port::before,
.tax-services .term-section__header .term-section__port::before {
display: none;
}
.term-section__img {
width: 32px;
height: 32px;
}
@media (min-width: 1130px) {
.term-section__img {
width: 44px;
height: 44px;
}
}
.page-section__header {
margin-block-end: 1rem;
}
.cat-terms__color {
display: block;
width: 1.45rem;
height: 1.45rem;
margin-inline: auto;
border-radius: 50%;
background-color: var(--term-color);
}
.term-section__num {
color: var(--grey-color);
transform: translate(-5px, -2px);
}
@media (min-width: 1130px) {
.term-section__num {
display: none
}
}
.term-section__count {
display: none
}
@media (min-width: 1130px) {
.term-section__count {
display: block;
margin-inline-start: auto;
font-size: 0.9rem;
}
}
.page-section__content,
.term-section__descr {
margin-block-start: var(--spacing);
padding: 1rem 1.5rem;
background-color: var(--grey-bg);
border-radius: var(--bradius);
overflow: clip;
}
.term-sort-form {
display: flex;
flex-direction: column;
gap: 1rem;
margin-block-end: 1.5rem;
padding: 0.75rem 1rem;
background-color: var(--grey-bg);
border-radius: var(--bradius)
}
@media (min-width: 1130px) {
.term-sort-form {
flex-direction: row;
align-items: center;
justify-content: center;
gap: var(--spacing);
}
}
.term-sort-form label {
position: relative;
flex-shrink: 0;
display: flex;
align-items: center;
gap: 10px;
line-height: 120%;
}
.term-sort-form label::before {
content: "";
display: block;
width: 1.2rem;
height: 1.2rem;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#sort) center center / cover no-repeat;
opacity: 0.7;
}
.term-sort-form select {
padding: 0.5rem 1rem;
font-size: 0.9rem;
border: 1px solid var(--border-color);
border-radius: var(--bradius)
}
@media (min-width: 1130px) {
.term-sort-form select {
font-size: 0.88rem;
}
}
.post-type-archive-item .section__title--filters {
text-align: left;
}
.page-section__header--img {
position: relative;
width: 100%;
height: 240px;
margin-block-end: var(--spacing);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
border-radius: var(--bradius);
}
@media (min-width: 1130px) {
.page-section__header--img {
height: 300px;
}
}
.post-type-archive__title,
.section__title--inner {
position: absolute;
left: 0;
bottom: 0;
padding: 1rem;
background-color: rgba(33, 33, 42, 0.25);
backdrop-filter: blur(11px);
border-radius: var(--bradius);
color: var(--white);
transform: translate(1rem, -2rem);
}
@media (min-width: 1130px) {
.post-type-archive__title,
.section__title--inner {
padding: 1rem 3rem;
}
}
.page-template:not(:has(.page-section__content)) .cat-terms__list {
margin-block-end: var(--spacing);
}
.post-type-archive__title {
display: inline-block;
max-width: 300px;
font-size: 1.3rem;
line-height: 130%;
}
@media (min-width: 800px) {
.post-type-archive__title {
max-width: 500px;
}
}
@media (min-width: 1130px) {
.post-type-archive__title {
max-width: 100%;
font-size: 1.7rem;
}
} .error-section__wrap {
display: block;
margin-block-end: var(--spacing);
text-align: center;
}
@media (min-width: 1130px) {
.error-section__wrap {
display: grid;
gap: var(--spacing);
grid-template-columns: 400px 1fr;
align-items: center;
text-align: left;
margin-block-end: 5rem;
}
}
.error-section__title {
display: block;
margin-block-end: 1rem;
font-size: 3rem;
line-height: 130%;
font-weight: var(--bold);
}
.error-section__text {
margin-block-end: 1.5rem;
}
@media (max-width: 1130px) {
.error-section__img {
max-width: 200px;
margin-inline: auto;
}
} .site-footer {
margin-block-start: 3rem;
padding-block: calc(var(--spacing) * 2);
background-color: var(--footer-bg);
color: var(--footer-color);
}
.site-footer > .container {
display: flex;
flex-direction: column;
gap: var(--spacing);
}
.site-footer__wrap {
display: grid;
gap: var(--spacing);
grid-template-columns: 1fr;
}
@media (min-width: 1130px) {
.site-footer__wrap {
grid-template-columns:  4fr 1fr 1fr;
gap: 1.5rem;
}
.site-footer__wrap:has(.site-footer__col--about:only-child) {
grid-template-columns: 1fr;
}
.site-footer__wrap:has(.site-footer__col--about):has(.site-footer__col--first):not(:has(.site-footer__col--last)) {
grid-template-columns: 4.5fr 1.5fr;
}
.site-footer__wrap:has(.site-footer__col--about):has(.site-footer__col--last):not(:has(.site-footer__col--first)) {
grid-template-columns: 4.5fr 1.5fr;
}
.site-footer__wrap:has(.site-footer__col--first):has(.site-footer__col--last):not(:has(.site-footer__col--about)) {
grid-template-columns: 1fr 1fr;
}
}
.site-footer__wrap a,
.site-footer__wrap a:hover {
color: var(--footer-color) !important;
}
.site-footer__about {
margin-block-end: 1.5rem;
padding-inline-end: var(--spacing);
font-size: 0.96rem;
line-height: 160%;
}
.site-footer__disclaimer {
display: block;
font-size: 0.88rem;
line-height: 150%;
color: var(--footer-color);
opacity: 0.7;
}
.site-footer__copy {
display: flex;
flex-direction: column;
gap: 0;
opacity: 0.7;
}
@media (min-width: 1130px) {
.site-footer__copy {
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 1rem;
}
}
.footer-legal-links {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1rem 1.5rem;
font-size: 0.88rem;
line-height: 1;
background-color: var(--footer-links-bg);
border-radius: var(--bradius);
}
@media (min-width: 600px) {
.footer-legal-links {
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-block-start: var(--spacing);
}
}
.footer-legal-link>a {
color: var(--footer-color);
text-decoration: none;
opacity: 0.7;
}
.footer-legal-link>a:hover {
color: var(--footer-color);
text-decoration: underline;
}
.site-footer__credits {
font-size: 0.88rem;
} .pin-atts-list:not(:empty) {
display: flex;
flex-direction: column;
gap: 1rem;
}
.pin-atts-list__item {
display: flex;
gap: 0.35rem;
margin-block-end: 0 !important;
font-size: 0.9rem;
line-height: 110%;
}
.pin-atts-list__item::before {
content: "";
flex-shrink: 0;
width: 1.2rem;
height: 1.2rem;
border-radius: var(--bradius);
transform: translate(-3px, -2px);
}
.pin-atts-list__item--orgs::before {
background:   url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#pin) center center / 1rem 1rem no-repeat;
}
.pin-atts-list__item--comms::before {
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#chat-check) center center / 1rem 1rem no-repeat;
}
.pin-atts-list__item--users::before {
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#rise) center center / 1rem 1rem no-repeat;
}
.pin-atts-list__item--views::before {
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#eye) center center / 1rem 1rem no-repeat;
}
.pin-section__link {
position: absolute;
inset: 0;
z-index: 1;
} .back-top-btn {
position: fixed;
bottom: 0;
right: 0;
z-index: 99;
height: 2.4rem;
width: 2.4rem;
display: none;
place-items: center;
border-radius: 50%;
cursor: pointer;
opacity: 0.5;
box-shadow: 0px 3px 13px 1px rgba(32, 33, 63, 0.2);
transform: translate(-3rem, -2rem);
transition: opacity var(--animation);
}
@media (max-width: 1130px) {
.back-top-btn {
transform: translate(-1.2rem, -1.2rem);
}
}
.back-top-btn:hover {
opacity: 1;
transition: opacity var(--animation);
}
.back-top-btn__value {
display: block;
height: calc(100% - 4px);
width: calc(100% - 4px);
background-color: var(--white);
border-radius: 50%;
display: grid;
place-items: center;
}
.back-top-btn__value::after {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 1;
height: 2.4rem;
width: 2.4rem;
background-image: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#arrow-down);
background-position: center center;
background-repeat: no-repeat;
background-size: 1.4rem 1.4rem;
cursor: pointer;
transform: rotate(180deg);
transition: all 200ms linear;
} .social-btns__list {
display: flex;
align-items: center;
gap: 0.9rem;
flex-wrap: wrap;
}
.social-btns__item {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 2.2rem;
height: 2.2rem;
opacity: 1;
border-radius: var(--bradius);
transition: opacity var(--animation);
}
.social-btns__item:hover {
opacity: 0.8;
}
.social-btns__icon {
width: 1.25rem;
height: 1.25rem;
object-fit: cover;
}
.icon-facebook .social-btns__icon,
.icon-tiktok .social-btns__icon {
width: 1.15rem;
height: 1.15rem;
}
.icon-instagram .social-btns__icon {
width: 1.15rem;
height: 1.15rem;
}
.social-btns__link {
position: absolute;
inset: 0;
z-index: 1;
}
.icon-vkontakte {
background-color: #0077ff;
}
.icon-facebook {
background-color: #1877f2;
}
.icon-telegram {
background-color: #0088cc;
}
.icon-vb {
background-color: #573eb9;
}
.icon-vb svg {
width: 2.3rem;
height: 2.3rem;
}
.icon-odnoklassniki {
background-color: #ff8800;
}
.icon-whatsapp {
background-color: #25d366;
}
.icon-instagram {
background: linear-gradient(45deg, #f7a246, #ec4b55, #a82eb3, #4d5ac2)
}
.icon-youtube {
background-color: #ff0000;
}
.icon-rutube {
background-color: #100943;
}
.icon-tiktok {
background-color: #000;
}
.icon-zen {
background-color: #2c3036;
}
.icon-max {
background: linear-gradient(45deg, #37aff2, #374ce4, #a970fe);
} .section-pagination {
position: relative;
z-index: 1;
}
.section-pagination:empty {
display: none;
}
.page-load-status {
display: none;
}
.infinite-scroll-btn {
display: flex;
justify-content: center;
gap: 10px;
align-items: center;
width: 100%;
height: 50px;
margin-inline: auto;
padding-inline: 1.5rem;
color: var(--main-color);
}
.infinite-scroll-btn svg {
width: 1rem;
height: 1rem;
fill: currentColor;
}
.infinite-scroll-last {
margin-block-start: 1rem;
text-align: center;
background-color: rgb(206 212 226/19%);
border-radius: var(--bradius);
transition: background-color var(--animation);
}
.infinite-scroll-last:hover {
background-color: rgb(206 212 226 / 37%)
}
.section-pagination__wrap,
.section-pagination__wrap a {
display: none;
}
.nav-links,
.single-post__nav {
display: flex;
align-items: center;
margin-block-start: var(--spacing);
}
.nav-links>.page-numbers,
.post-page-numbers {
display: block;
margin-inline: 5px;
padding: 0.7rem 1rem;
font-size: 0.94rem;
line-height: 1;
background-color: var(--grey-bg);
color: var(--main-color);
border-radius: calc(var(--bradius) / 2);
text-decoration: none;
transition: background-color var(--animation), color var(--animation);
}
.nav-links .current,
.post-page-numbers.current {
background-color: var(--primary-btn-bg);
color: var(--primary-btn-color);
transition: background-color var(--animation), color var(--animation);
}
.nav-links>.page-numbers:hover,
.post-page-numbers:hover {
background-color: var(--primary-btn-bg-hover);
color: var(--primary-btn-color-hover);
text-decoration: none;
transition: background-color var(--animation), color var(--animation);
}
@media (max-width: 1024px) {
.nav-links {
justify-content: center;
}
}
@media (max-width: 760px) {
.nav-links .page-numbers {
display: none;
}
.nav-links .current,
.nav-links .prev,
.nav-links .next {
display: inline-flex;
}
}
.nav-links>.dots:hover {
background-color: var(--grey-bg);
color: var(--main-color);
} .single-action__wrap {
position: relative;
display: grid;
gap: var(--spacing);
}
@media (min-width: 1200px) {
.single-action__wrap {
grid-template-columns: 1fr 360px;
}
} 
.single-action__title {
font-size: 1.4rem;
line-height: 115%;
font-weight: var(--bold);
}
@media (min-width: 1130px) {
.single-action__title {
font-size: var(--spacing);
}
} 
.single-action__content {
display: flex;
flex-direction: column;
gap: 1rem;
}
@media (min-width: 1200px) {
.single-action__content {
gap: 1.5rem;
}
} 
.single-action__img>img {
border-radius: var(--bradius);
}
.single-action__atts {
display: flex;
gap: 0.7rem;
flex-direction: column;
align-items: baseline;
}
@media (min-width: 1024px) {
.single-action__atts {
flex-direction: row;
align-items: center;
gap: 1rem;
}
} 
.single-action__aside {
position: sticky;
top: 0;
align-self: start;
}
@media (min-width: 1130px) {
.action-block__btn {
margin-inline-end: auto;
}
}
.single-action__act {
display: grid;
gap: 1.5rem;
padding: 1.5rem;
background-color: rgb(230 231 234 / 34%);
border-radius: var(--bradius);
}
@media (min-width: 1130px) {
.single-action__act {
gap: 4rem;
grid-template-columns: 1fr auto;
}
} 
.single-action__act>p {
font-size: 0.96rem;
line-height: 155%;
} .section__title--blog {
margin-block-end: 0;
font-size: 1.6rem;
text-align: left;
}
@media (min-width: 1130px) {
.section__title--blog {
font-size: var(--spacing)
}
}
.blog-section__wrap,
.single-page__wrap {
position: relative;
display: block;
margin-block-end: 0rem;
}
@media (min-width: 1130px) {
.blog-section__wrap,
.single-page__wrap {
display: grid;
gap: var(--spacing);
}
.blog-section__wrap:has(.sidebar),
.single-page__wrap:has(.sidebar) {
grid-template-columns: 1fr 320px;
}
}
.single-page__wrap--fullwidth {
display: block;
max-width: 1024px;
margin-inline: auto;
}
.single-page:has(.single-page__wrap--fullwidth)>.section__nav,
.single-page:has(.single-page__wrap--fullwidth)>.single-page__header,
.single-page:has(.single-page__wrap--fullwidth)>.single-page__footer {
max-width: 1024px;
margin-inline: auto;
}
@media (max-width: 1130px) {
.blog-section__content,
.single-page__content {
margin-block-end: var(--spacing);
}
}
.blog-section__list {
display: grid;
gap: var(--spacing);
}
.blog-list__item {
position: relative;
display: flex;
flex-direction: column;
gap: 1.5rem;
padding-block-end: 1.5rem;
border: 1px solid var(--border-color);
border-radius: var(--bradius);
transition: border-color var(--animation);
}
.blog-list__item:hover {
border-color: var(--focus)
}
.blog-item__thumb {
height: 220px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.blog-item__cats {
margin-block-start: auto;
display: flex;
gap: 10px;
margin-inline: 1rem;
}
.blog-item__cat {
align-self: start;
display: inline-block;
padding: 0.35rem 0.7rem;
font-size: 0.88rem;
line-height: 1;
text-decoration: none;
background-color: var(--grey-bg);
border-radius: 4px;
}
.blog-item__title {
padding-inline: 1rem;
font-size: 1.1rem;
line-height: 145%;
font-weight: var(--semi-bold);
}
@media (min-width: 1300px) {
.blog-item__title {
font-size: 1rem;
}
}
.blog-list__item:not(:has(.blog-item__thumb)) {
padding-block-start: 1.5rem;
}
.blog-item__link {
position: absolute;
inset: 0;
z-index: 1;
}
.blog-section__sidebar {
align-self: start;
position: sticky;
top: 0;
} .single-page__header {
margin-block-end: var(--spacing);
}
.single-page__title {
font-size: 1.6rem;
line-height: 115%;
font-weight: var(--bold);
}
@media (min-width: 1130px) {
.single-page__title {
max-width: 1100px;
font-size: 2rem;
}
}
.blog-item__img {
position: relative;
}
.blog-item__img img {
position: relative;
border-top-left-radius: var(--bradius);
border-top-right-radius: var(--bradius);
}
.single-page__content .blog-item__img img {
position: relative;
border-radius: var(--bradius);
}
.blog-item__caption {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
padding: 5px var(--spacing);
background-color: rgba(51, 47, 80, 0.55);
color: var(--white);
border-top-right-radius: var(--bradius);
}
.blog-section__header {
display: block;
margin-block-end: 1rem;
}
@media (min-width: 1130px) {
.blog-section__header {
display: flex;
align-items: center;
gap: 1rem;
margin-block-end: 1rem;
}
}
.blog-section__result {
display: block;
margin-inline-start: auto;
font-size: 0.9rem;
color: var(--grey-color);
}
.single-post-info {
display: flex;
flex-wrap: wrap;
row-gap: 0.2rem;
column-gap: 1rem;
margin-block-start: 1rem;
padding-bottom: 10px;
font-size: 0.94rem;
border-bottom: 1px dashed var(--border-color);
}
@media (min-width: 1130px) {
.single-post-info {
gap: 1.25rem;
align-items: center;
}
}
.single-post-info .single-post-info__tags:only-child {
margin-inline-start: 0;
}
.single-post-info:empty {
display: none;
}
.single-post-info__item {
display: flex;
align-items: center;
gap: 10px;
color: var(--grey-color);
}
.single-post-info__item:not(.single-post-info__tags)::before {
content: "";
display: block;
width: 16px;
height: 16px;
opacity: 0.6;
transform: translateY(-1px);
}
.single-post-info__tags {
grid-column: 1 / 3 span;
}
@media (min-width: 800px) {
.single-post-info__tags {
margin-inline-start: auto;
}
}
.single-post-info__tags>a,
.single-post-info__author a {
color: var(--grey-color);
text-decoration: none;
}
.single-post-info__tags>a:hover,
.single-post-info__author a:hover {
text-decoration: underline;
color: var(--hover-color);
}
.single-post-info__author::before {
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#user) center center / cover no-repeat;
}
.single-post-info__date::before {
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#calend) center center / cover no-repeat;
}
.single-post-info__comments::before {
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#comment) center center / cover no-repeat;
} table:not(.pricelist-table),
.wp-block-table {
margin: 0.5rem 0 1.2rem;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
overflow-x: auto;
}
table:last-child,
.wp-block-table:last-child {
margin-block-end: 0;
}
table:not(.pricelist-table) th {
padding: 0.5rem 1rem;
text-align: left;
font-size: 0.9rem;
font-weight: var(--bold);
border: 1px solid var(--border-color);
word-break: normal
}
table:not(.pricelist-table) td {
padding: 0.5rem 1rem;
font-size: 0.94rem;
line-height: 1.5;
border: 1px solid var(--border-color);
vertical-align: top;
word-break: normal;
}
.wp-block-table td,
.wp-block-table th {
line-height: 1.5;
border: 1px solid var(--border-color);
padding: 0.75rem 1rem;
}
dt,
dd {
margin-bottom: 1rem;
}
table::-webkit-scrollbar-thumb,
.wp-block-table::-webkit-scrollbar-thumb {
background: var(--accent);
}
table::-webkit-scrollbar,
.wp-block-table::-webkit-scrollbar {
height: 5px;
background: var(--grey-bg)
} .post-type-archive .nav-links,
.tax-services .nav-links {
margin-block-start: var(--spacing);
}
.post-navigation {
margin-block-end: var(--spacing);
}
.post-navigation .nav-links {
display: grid;
gap: var(--spacing);
grid-template-columns: repeat(auto-fit, minmax(278px, 1fr));
align-items: normal;
width: 100%;
margin-block-start: var(--spacing);
}
.post-navigation .nav-links>* {
padding: 1rem;
border: 1px solid var(--border-color);
border-radius: var(--bradius);
transition: border-color var(--animation);
}
.post-navigation .nav-links>* a {
text-decoration: none;
}
.post-navigation .nav-links>*:hover {
text-decoration: none;
border-color: var(--focus)
}
.post-navigation .nav-links__label {
margin-top: auto;
display: flex;
align-items: center;
gap: 1rem;
font-size: var(--small);
color: var(--grey-color);
}
.nav-links__icon {
width: 15px;
height: 15px;
fill: var(--grey-color);
}
.nav-previous .nav-links__icon {
transform: rotate(225deg);
}
.nav-next .nav-links__icon {
transform: rotate(45deg);
}
.nav-next .nav-links__label {
justify-content: end;
}
@media (max-width: 600px) {
.nav-next .nav-links__label {
justify-content: start;
}
}
.nav-next {
text-align: right;
}
@media (max-width: 600px) {
.nav-next {
text-align: left;
}
}
.post-navigation .nav-links__title {
margin-bottom: 1rem;
font-weight: var(--bold);
line-height: 145%;
color: var(--main-color);
word-break: keep-all;
}
.post-navigation .nav-links__title:hover {
color: var(--hover-color);
transition: color var(--animation);
}
.post-navigation .nav-next:hover .nav-links__icon,
.post-navigation .nav-previous:hover .nav-links__icon {
fill: var(--hover-color);
}
.nav-links a {
display: flex;
flex-direction: column;
height: 100%;
color: var(--main-color);
} .share-btns__list {
display: grid;
gap: 1rem;
grid-template-columns: repeat(auto-fit, minmax(95px, 1fr));
}
@media (max-width: 600px) {
.share-btns__list {
grid-template-columns: repeat(auto-fit, minmax(51px, 1fr));
}
}
.share-btns__item {
position: relative;
display: flex;
gap: 10px;
justify-content: center;
align-items: center;
height: 40px;
padding: 0 10px;
color: var(--white);
font-size: 0.9rem;
line-height: 1;
opacity: 0.8;
transition: opacity 0.3s;
list-style: none;
border-radius: var(--bradius);
}
.share-btns__item:hover {
opacity: 1;
}
.share-btns__link {
position: absolute;
inset: 0;
z-index: 1;
}
.share-btns__icon {
width: 1.55rem;
height: 1.55rem;
}
.share-btns__item--telegram .share-btns__icon,
.share-btns__item--whatsapp .share-btns__icon,
.share-btns__item--facebook .share-btns__icon {
width: 1.4rem;
height: 1.4rem;
}
.share-btns__icon--vb {
width: 2.4rem;
height: 2.4rem;
}
.share-btns__item::before {
display: none !important;
}
.share-btns__item:hover {
opacity: 1;
transition: opacity 0.3s;
}
.share-btns__title {
display: block;
margin-block-end: 1rem;
font-size: 0.9rem;
line-height: 1;
color: var(--grey-color);
} blockquote {
position: relative;
margin: 1.5rem 0;
padding: 1rem;
border: 1px solid var(--border-color);
border-radius: var(--bradius);
}
@media (min-width: 1130px) {
blockquote {
padding: var(--spacing);
}
}
blockquote p {
margin: 0;
font-size: 1.1rem;
line-height: 155%;
}
@media (min-width: 1130px) {
blockquote p {
font-size: 1.25rem;
}
} 
blockquote cite {
display: inline-block;
margin-top: 1rem;
text-align: right;
font-weight: var(--semi-bold);
opacity: 0.8;
}
.wp-block-cover {
margin-bottom: 1.2rem;
border-radius: var(--bradius);
overflow: hidden;
}
.wp-block-cover p {
line-height: 110%;
}
figcaption {
color: var(--grey-color);
font-size: 0.9rem;
}
.wp-block-table figcaption {
margin-top: -5px;
padding-bottom: 15px;
text-align: center;
}
.wp-block-image figcaption {
padding: 0 !important;
font-size: 0.96rem;
border-bottom-left-radius: var(--bradius);
border-bottom-right-radius: var(--bradius);
}
.blocks-gallery-grid,
.wp-block-gallery {
margin: 0 auto
}
.wp-block-gallery,
.post-content .gallery {
margin-bottom: 1.5rem;
}
figure.wp-block-image:has(figcaption):before {
border-bottom-left-radius: var(--bradius);
border-bottom-right-radius: var(--bradius);
}
.wp-block-gallery img {
border-radius: var(--bradius);
}
@media (max-width: 600px) {
.wp-block-gallery {
display: block !important;
}
.wp-block-image {
width: 100% !important;
margin-bottom: 1rem !important;
}
}
.wp-block-gallery.is-cropped .blocks-gallery-item img {
height: 100%;
flex: 1;
object-fit: cover;
}
.blocks-gallery-grid li {
padding-left: 0 !important;
}
.blocks-gallery-grid li::before {
display: none;
}
.wp-block-image .alignleft {
margin: 0 var(--spacing) 1rem 0;
}
img.alignleft {
float: left;
margin: 0 var(--spacing) 1rem 0;
}
.wp-block-image .alignright {
margin: 0 0 1rem var(--spacing);
}
img .alignright {
float: right;
margin: 0 0 1rem var(--spacing);
}
@media (max-width: 1130px) {
.wp-block-image .alignleft,
.wp-block-image .alignright {
margin: 0 auto 1rem;
float: none;
display: table
}
}
.gallery {
margin: 1rem auto 0;
display: inline-block;
}
.gallery .gallery-item {
margin: 0;
padding: 0;
}
.gallery .gallery-item img {
aspect-ratio: 16/9;
object-fit: cover;
border-radius: 6px;
}
.gallery-columns-2 {
display: grid;
gap: 1rem;
grid-template-columns: repeat(2, 1fr);
}
@media (max-width:600px) {
.gallery-columns-2 {
grid-template-columns: repeat(1, 1fr);
}
}
.gallery-columns-3 {
display: grid;
gap: 1rem;
grid-template-columns: repeat(3, 1fr);
}
@media (max-width:600px) {
.gallery-columns-3 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width:415px) {
.gallery-columns-3 {
grid-template-columns: repeat(1, 1fr);
}
}
.gallery-columns-4 {
display: grid;
gap: 1rem;
grid-template-columns: repeat(4, 1fr);
}
@media (max-width:600px) {
.gallery-columns-4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width:415px) {
.gallery-columns-4 {
grid-template-columns: repeat(1, 1fr);
}
}
.wp-block-buttons {
margin-bottom: 1.2rem
}
code,
.wp-block-code {
padding: 6px 10px;
display: inline-block;
font-family: monospace;
background-color: rgba(225, 225, 238, 0.321);
color: var(--main-color);
overflow-wrap: anywhere;
}
.wp-block-code {
padding: var(--spacing);
}
.wp-block-code code {
padding: 0;
background-color: transparent;
font-size: 0.88rem;
}
.wp-block-verse {
white-space: pre-wrap;
}
.wp-block-embed__wrapper>* {
margin-right: auto;
margin-left: auto;
}
.wp-block-latest-posts.is-grid li {
padding: 1rem;
border: 1px solid var(--border-color);
font-size: 0.9rem;
font-weight: var(--bold);
line-height: 125%;
border-radius: 6px;
}
.wp-block-latest-posts.is-grid li a {
text-decoration: none;
}
.wp-block-latest-posts.is-grid li a:hover {
text-decoration: underline;
color: var(--hover-color);
}
.wp-block-latest-posts__featured-image {
margin-bottom: 0.6rem;
}
.wp-block-latest-posts__featured-image img {
border-radius: 4px;
}
.wp-block-columns {
font-size: 0.96rem;
}
.wp-block-columns p:not(:last-child) {
margin-bottom: 0.5rem;
}
.wp-block-columns img {
border-radius: 6px;
}
.wp-block-column {
padding: 1.25rem;
border: 1px solid var(--border-color);
border-radius: var(--bradius);
}
:root :where(.is-layout-constrained)>* {
margin-block-start: 1.4rem;
margin-block-end: 0;
}
:root :where(.is-layout-flex) {
gap: 1.2rem;
}
:root :where(.is-layout-grid) {
gap: 1.2rem;
}
.post-content>*+* {
margin-block-start: 1.3rem;
}
:root :where(.wp-element-button, .wp-block-button__link) {
background-color: var(--primary-btn-bg);
border-radius: var(--bradius);
border-color: var(--primary-btn-bg);
border-width: 0;
color: var(--primary-btn-color) !important;
font-family: inherit;
font-size: 1rem;
font-style: normal;
font-weight: var(--normal);
line-height: inherit;
padding-top: 0.6rem;
padding-right: 1rem;
padding-bottom: 0.6rem;
padding-left: 1rem;
text-decoration: none !important;
}
.wp-block-button.alignleft {
float: left;
margin-block-start: 0 !important;
margin-inline-end: var(--spacing);
}
.wp-block-button.alignright {
float: right;
margin-block-start: 0 !important;
margin-inline-start: var(--spacing);
}
.wp-block-button.aligncenter {
margin-left: auto !important;
margin-right: auto !important;
}
.wp-block-button>.wp-block-button__link {
margin-block-start: 0 !important;
}
.wp-block-cover.alignleft,
.wp-block-gallery.alignleft {
float: left;
margin-inline-end: var(--spacing);
}
.wp-block-cover.alignright,
.wp-block-gallery.alignright {
float: right;
margin-inline-start: var(--spacing);
}
.wp-block-cover.aligncenter,
.wp-block-gallery.aligncenter {
margin-left: auto !important;
margin-right: auto !important;
}
.wp-block-quote.is-large:where(:not(.is-style-plain)),
.wp-block-quote.is-style-large:where(:not(.is-style-plain)) {
padding: var(--spacing) 3rem !important;
}
.wp-block-pullquote>* {
border: 0
}
.wp-block-cover__background {
margin-block-start: 0 !important;
} .comments {
position: relative;
display: flex;
flex-direction: column;
}
.cpt-comment.shown {
display: flex;
}
.cpt-comment.hidden {
display: none;
}
.comments__foreword {
margin-block-end: var(--spacing);
color: var(--grey-color);
}
.single-page .comments__content,
.single-page .comments__wrapper {
display: none;
}
.single-page .comments__content.is-opened,
.single-page .comments__wrapper.is-opened {
display: block
}
.comments__header {
display: flex;
justify-content: space-between;
align-items: center;
margin-block-start: var(--spacing);
padding: 1rem;
font-weight: var(--semi-bold);
background-color: rgba(210, 211, 234, 0.18);
border-radius: var(--bradius);
cursor: pointer;
}
.comments__toggle {
width: 1.4rem;
height: 1.4rem;
margin-left: auto;
fill: var(--main-color);
transform: rotate(-180deg);
transition: background-color 0.3s, fill 0.3s;
}
.comments__header.is-opened .comments__toggle {
transform: rotate(0);
}
.comments__header.is-opened {
border-bottom: 0;
}
.comments__icon {
width: 1.2rem;
height: 1.2rem;
margin-right: auto;
fill: var(--main-color);
}
.comments__list {
display: flex;
flex-direction: column;
margin-block-end: 0.5rem;
}
.single-post .comments__list {
margin-block-start: var(--spacing);
}
.comments__title,
.comment-reply-title {
display: block;
margin-block-end: 10px;
font-weight: var(--bold);
font-size: 1.1rem;
}
.comments__title:hover::before {
background-color: var(--primary-btn-bg-hover);
color: var(--white);
transition: background-color 0.3s, color 0.3s;
}
#respond .comments__title {
margin-bottom: 1rem;
border: 0;
}
.comment {
display: flex;
flex-flow: column nowrap;
margin-bottom: var(--spacing);
padding: 1rem;
border: 1px solid var(--border-color);
border-radius: var(--bradius);
}
@media (max-width: 600px) {
.comment {
padding: 1rem 0.9rem 0.6rem;
}
}
.comment .children {
margin: 0.5rem 0;
padding: 1rem 0 0 1rem;
}
@media (max-width: 600px) {
.comment .children {
padding-left: 0.8rem;
}
}
.comment__wrapper {
display: flex;
flex-direction: column;
}
.comment__header {
margin-block-end: 1.2rem;
padding-bottom: 0.75rem;
display: flex;
flex-flow: row nowrap;
justify-content: start;
align-items: center;
gap: 1rem;
border-bottom: 1px solid var(--border-color);
}
.comment__header>* {
line-height: 1;
}
.comment__footer {
display: flex;
flex-direction: column;
justify-content: start;
gap: 0.5rem;
margin-block-start: 1rem !important;
padding-block-start: 1rem;
font-size: var(--small);
border-top: 1px solid var(--border-color);
}
@media (min-width: 1130px) {
.comment__footer {
flex-direction: row;
gap: 1rem;
margin-block-start: 0.5rem !important;
align-items: center;
border: none;
}
}
.best-comment__date,
.comment__date,
.comment__source {
font-size: 13px;
color: var(--grey-color);
line-height: 1;
}
.best-comment__checked,
.comment__checked { font-size: 13px;
line-height: 1;
}
@media (min-width: 1130px) {
.comment__checked {
margin-inline-start: auto;
}
}
.comment-author-info {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.comment-edit-link {
position: relative;
display: inline-block;
width: 1.35rem;
height: 1.35rem;
background-image: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#edit);
background-repeat: no-repeat;
background-position: center center;
background-size: 1.1rem 1.1rem;
text-decoration: none;
border-radius: 4px;
transition: background-color 0.3s, background-image 0.3s;
}
@media (max-width: 1130px) {
.comment-edit-link {
display: none;
}
}
.comment-edit-link:hover {
background-color: var(--primary-btn-bg);
background-image: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#edit-lite);
transition: background-color 0.3s, background-image 0.3s;
}
@media (max-width: 600px) {
.comment-edit-link {
display: none;
}
}
.comment-edit-link:hover {
text-decoration: underline;
}
.comment__text {
position: relative;
padding: 0 0 0.5rem;
}
@media (min-width: 1130px) {
.comment__text {
padding: 0 0 0.5rem 2.45rem;
}
}
.comment__author {
font-size: 1rem;
font-weight: var(--semi-bold);
}
.comment__author .url {
text-decoration: none;
}
.comment__author .url:hover {
text-decoration: underline;
}
.comment-author-info__label {
position: relative;
}
.comment-author-info__label::after {
content: ""; 
margin-left: 14px;
padding: 5px 8px;
display: inline-flex;
background-color: var(--primary-btn-bg);
color: var(--primary-btn-color);
font-size: var(--small);
line-height: 1;
border-radius: var(--bradius);
}
@media (max-width: 600px) {
.comment-author-info__label::after {
content: " ";
margin-left: 8px;
padding: 0;
width: 8px;
height: 8px;
border-radius: 50%;
transform: translateY(-10px)
}
}
.comment__meta {
margin-left: 1.2rem;
font-size: 0.9rem;
color: var(--grey-color);
}
@media (max-width: 600px) {
.comment__meta {
margin-left: 1rem;
font-size: 0.8rem;
color: var(--grey-color);
}
}
.comment__meta a {
text-decoration: none;
color: var(--grey-color);
}
.comment__count {
z-index: 4005;
}
.children .comment {
padding: 0;
border: none;
}
.children .comment:not(:last-child) {
margin-bottom: var(--spacing);
}
.comment-awaiting-moderation {
display: block;
font-style: normal;
font-size: 0.96rem;
line-height: 150%;
font-weight: var(--bold);
color: #17c86f;
} .comments__btns {
display: flex;
flex-direction: column;
gap: 1rem;
}
@media (min-width: 700px) {
.comments__btns {
flex-direction: row;
justify-content: space-between;
gap: var(--spacing);
align-items: center;
}
}
@media (min-width: 1130px) {
.comments__btns {
justify-content: end;
}
}
.comments__form {
margin-block-start: 1.5rem;
padding: 1rem;
border: 1px solid var(--border-color);
border-radius: var(--bradius);
}
.comment-form {
display: flex;
flex-flow: row wrap;
gap: 10px;
justify-content: space-between;
}
.logged-in-as {
display: block;
font-size: var(--small) !important;
color: var(--grey-color);
}
@media (max-width:600px) {
.required-field-message {
display: block;
}
}
.comment-notes {
flex-basis: 100%;
display: block;
margin-block-end: 1rem;
font-size: 0.96rem;
line-height: 150%;
}
.comment-form .comment-notes a,
.logged-in-as a,
.comment-form__agreement a {
color: var(--grey-color);
}
.comment-form .comment-notes a:hover,
.logged-in-as a:hover,
.comment-form__agreement a:hover {
color: var(--hover-color);
}
#comments-checkbox {
margin-right: 10px;
}
.comment-form-cookies-consent {
flex-basis: 100%;
margin-bottom: 0.6rem;
display: none;
}
.comment-form-cookies-consent input {
margin-right: 1rem;
}
.comment-form-author {
flex: 1;
}
@media (max-width: 600px) {
.comment-form-author {
flex-basis: 100%;
margin-right: 0;
}
}
.comment-form-email {
flex: 1;
margin-left: 1rem;
}
@media (max-width: 600px) {
.comment-form-email {
flex-basis: 100%;
margin-left: 0;
}
}
.comment-form-url {
flex: 1;
margin-left: 1rem;
}
@media (max-width: 600px) {
.comment-form-url {
flex-basis: 100%;
margin-left: 0;
}
}
.comment-form-comment {
flex-basis: 100%;
margin-block-end: 0.5rem;
}
@media (min-width: 1130px) {
.comment-form-comment {
margin-block-start: 10px;
}
}
.comment-form label {
font-weight: var(--semi-bold);
}
.comment-form .submit {
width: 100%;
margin: 0;
}
@media (min-width: 800px) {
.comment-form .submit {
width: initial;
}
} 
.comment-form .submit:disabled {
opacity: 0.5;
cursor: not-allowed;
transition: opacity 0.3s var(--animation)
}
.comment__reply {
color: var(--grey-color);
cursor: pointer;
font-size: var(--small);
}
@media (max-width: 600px) {
.comment__reply {
font-size: 0.8rem;
}
}
.comment__reply:hover {
text-decoration: underline;
color: var(--hover-color);
}
a#cancel-comment-reply-link {
display: inline-block;
padding-left: 10px;
text-decoration: none;
overflow: hidden;
width: 32px;
height: 32px
}
a#cancel-comment-reply-link:before {
content: "\00D7";
font-size: 30px;
color: red;
width: 36px;
height: 36px
}
.form-checkbox {
position: relative;
display: flex;
flex-flow: row wrap;
width: 100%;
margin-block-end: 10px;
font-weight: var(--normal)
}
.form-checkbox__input {
position: absolute;
opacity: 0;
}
.form-checkbox__text {
flex: 0 100%;
margin-left: 1.8rem;
font-size: 0.9rem;
font-weight: var(--normal);
}
@media (max-width:1130px) {
.form-checkbox__text {
line-height: 20px
}
}
@media (max-width:600px) {
.form-checkbox__text {
font-size: var(--small);
}
}
.form-submit {
width: 100%;
}
.form-checkbox__text::before {
content: "";
position: absolute;
left: 0;
top: 3px;
width: 1.1rem;
height: 1.1rem;
background-color: transparent;
border: 1px solid #3e3e41;
border-radius: 4px;
}
@media (max-width:600px) {
.form-checkbox__text::before {
top: 4px;
}
}
.form-checkbox__input:checked+.form-checkbox__text::before {
background-image: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#checked);
background-position: center;
background-size: 1.1rem;
background-repeat: no-repeat;
border-color: transparent;
background-color: var(--primary-btn-bg);
}
.form-checkbox__text a {
color: var(--link-color);
text-decoration: none;
}
.form-checkbox__text a:hover {
color: var(--hover-color);
text-decoration: underline;
}
.comment-navigation {
margin: 0 0 3rem !important;
display: flex;
flex-direction: row;
justify-content: space-between;
}
@media (max-width: 600px) {
.comment-navigation {
flex-direction: column;
}
}
.comment-navigation a {
padding: 1rem;
display: block;
font-size: 0.86rem;
border: 1px solid var(--border-color);
border-radius: 6px;
font-weight: var(--bold);
color: var(--grey-color);
text-decoration: none;
margin: 0.5rem 0;
text-align: center;
}
.comment .comment-respond {
margin-top: 1rem;
padding-top: 0.5rem;
}
.comment .comments__title {
margin-bottom: 0.5rem;
}
.comments-closed {
font-size: 0.96rem;
}
.show-more-feedbacks,
.show-form,
.show-more-feedbacks>span {
display: flex;
gap: 8px;
align-items: center;
}
.show-more-feedbacks>span::after {
content: "";
display: block;
width: 1.25rem;
height: 1.25rem;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#arrow-down) center center / cover no-repeat;
}
.show-more-feedbacks.is-active>span::after {
transform: rotate(180deg);
}
.show-form>svg {
width: 1.1rem;
height: 1.1rem;
object-fit: cover;
fill: var(--primary-btn-color);
}
.show-form:hover>svg {
fill: var(--primary-btn-color-hover);
}
.show-form:hover {
text-decoration: none;
}
.show-form:is(.btn--secondary)>svg {
fill: var(--main-color)
}
.show-form:is(.btn--secondary):hover>svg {
fill: var(--secondary-btn-color-hover)
} .best-comment {
position: relative;
margin-block-end: var(--spacing);
padding: 1.25rem 1rem;
border:5px solid rgb(191 218 255 / 92%);
border-radius: var(--bradius);
}
.best-comment__label {
position: absolute;
top: 0;
left: 0;
display: flex;
gap: 8px;
align-items: center;
padding: 6px 10px;
font-size: var(--small);
line-height: 1;
background-color: var(--label-bg);
border-radius: var(--bradius);
transform: translate(1rem, 1.25rem);
}
@media (min-width: 800px) {
.best-comment__label {
left: initial;
right: 0;
transform: translate(-1.5rem, 1.25rem);
}
} 
.best-comment__label::before {
content: "";
display: block;
width: 1.05rem;
height: 1.05rem;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#award) center center / cover no-repeat;
}
.best-comment__wrap {
position: relative;
display: flex;
flex-direction: column;
gap: 1rem;
align-items: baseline;
}
.best-comment_header {
display: flex;
gap: 10px;
align-items: center;
justify-content: space-between;
width: 100%;
padding-block-start: 3rem;
padding-block-end: 0.75rem;
border-bottom: 1px solid var(--border-color);
}
@media (min-width: 800px) {
.best-comment_header {
justify-content: start;
padding-block-start: 0;
}
} 
.best-comment__author {
font-size: 1rem;
font-weight: var(--semi-bold);
}
@media (min-width: 1130px) {
.best-comment__author {
font-size: 1.1rem;
}
} 
.best-comment__rate .stars__label {
font-size: 0;
}
.best-comment__footer {
display: flex;
flex-direction: column;
gap: 1rem;
width: 100%;
padding-block-start: 1rem;
font-size: 0.9rem;
line-height: 1;
border-top: 1px solid var(--border-color);
}
@media (min-width: 1130px) {
.best-comment__footer {
flex-direction: row;
align-items: center;
padding-block-start: 0.5rem;
padding-inline-start: 2.45rem;
border: none;
}
}
.best-comment__checked {
display: flex;
gap: 8px;
align-items: center;
}
.best-comment__checked::before {
content: "";
display: block;
width: 0.88rem;
height: 0.88rem;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#check-round) center center / cover no-repeat;
transform: translateY(-1px);
}
@media (min-width: 1130px) {
.best-comment__checked::before {
margin-inline-start: auto;
}
}
.best-comment>.comment-edit-link {
position: absolute;
bottom: 0;
right: 0;
transform: translate(-1.5rem, -1.5rem);
}
.best-comment__content {
position: relative;
}
@media (min-width: 1130px) {
.comment__text::before,
.best-comment__content::before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 1.3rem;
height: 1.3rem;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#quote) center center / cover no-repeat;
opacity: 0.6;
transform: translate(-0.1rem, 0.1rem);
}
}
.best-comment__content::before {
transform: translate(-0.1rem, 0.1rem);
} .splide__container {
box-sizing: border-box;
position: relative
}
.splide__list {
backface-visibility: hidden;
display: -ms-flexbox;
display: flex;
height: 100%;
margin: 0 !important;
padding: 0 !important
}
.splide.is-initialized:not(.is-active) .splide__list {
display: block
}
.splide__pagination {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
pointer-events: none
}
.splide__pagination li {
display: inline-block;
line-height: 1;
list-style-type: none;
margin: 0 5px;
pointer-events: auto
}
.splide:not(.is-overflow) .splide__pagination {
display: none
}
.splide__progress__bar {
width: 0
}
.splide {
position: relative;
visibility: hidden
}
.splide.is-initialized,
.splide.is-rendered {
visibility: visible
}
.splide__slide {
backface-visibility: hidden;
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
list-style-type: none !important;
margin: 0;
position: relative
}
.splide__slide img {
vertical-align: bottom
}
.splide__spinner {
animation: splide-loading 1s linear infinite;
border: 2px solid #999;
border-left-color: transparent;
border-radius: 50%;
bottom: 0;
contain: strict;
display: inline-block;
height: 20px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 20px
}
.splide__sr {
clip-path: inset(100%);
border: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
display: none
}
.splide__toggle.is-active .splide__toggle__pause {
display: inline
}
.splide__track {
position: relative;
z-index: 0;
overflow: clip;
}
@keyframes splide-loading {
0% {
transform: rotate(0)
}
to {
transform: rotate(1turn)
}
}
.splide__track--draggable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.splide__track--fade>.splide__list>.splide__slide {
margin: 0 !important;
opacity: 0;
z-index: 0
}
.splide__track--fade>.splide__list>.splide__slide.is-active {
opacity: 1;
z-index: 1
}
.splide--rtl {
direction: rtl
}
.splide__track--ttb>.splide__list {
display: block
}
.splide__arrow {
-ms-flex-align: center;
align-items: center;
background: #ccc;
border: 0;
border-radius: 50%;
cursor: pointer;
display: -ms-flexbox;
display: flex;
height: 2em;
-ms-flex-pack: center;
justify-content: center;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 2em;
z-index: 1
}
.splide__arrow svg {
fill: #000;
height: 1.2em;
width: 1.2em
}
.splide__arrow:hover:not(:disabled) {
opacity: .9
}
.splide__arrow:disabled {
opacity: .3
}
.splide__arrow:focus-visible {
outline: 3px solid #0bf;
outline-offset: 3px
}
.splide__arrow--prev {
left: 1em
}
.splide__arrow--prev svg {
transform: scaleX(-1)
}
.splide__arrow--next {
right: 1em
}
.splide.is-focus-in .splide__arrow:focus {
outline: 3px solid #0bf;
outline-offset: 3px
}
.splide__pagination {
bottom: .5em;
left: 0;
padding: 0 1em;
position: absolute;
right: 0;
z-index: 1
}
@media (max-width: 1130px) {
.splide__pagination {
display: none;
}
}
.splide__pagination__page {
background: #ccc;
border: 0;
border-radius: 50%;
display: inline-block;
margin: 3px;
opacity: .7;
padding: 0;
position: relative;
transition: transform .2s linear;
}
.splide__pagination__page:hover {
cursor: pointer;
opacity: .9
}
.splide__pagination__page:focus-visible {
outline: 3px solid #0bf;
outline-offset: 3px
}
.splide.is-focus-in .splide__pagination__page:focus {
outline: 3px solid #0bf;
outline-offset: 3px
}
.splide__progress__bar {
background: #ccc;
height: 3px
}
.splide__slide {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.splide__slide:focus {
outline: 0
}
@supports(outline-offset:-3px) {
.splide__slide:focus-visible {
outline: 3px solid #0bf;
outline-offset: -3px
}
}
@media screen and (-ms-high-contrast:none) {
.splide__slide:focus-visible {
border: 3px solid #0bf
}
}
@supports(outline-offset:-3px) {
.splide.is-focus-in .splide__slide:focus {
outline: 3px solid #0bf;
outline-offset: -3px
}
}
@media screen and (-ms-high-contrast:none) {
.splide.is-focus-in .splide__slide:focus {
border: 3px solid #0bf
}
.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
border-color: #0bf
}
}
.splide__toggle {
cursor: pointer
}
.splide__toggle:focus-visible {
outline: 3px solid #0bf;
outline-offset: 3px
}
.splide.is-focus-in .splide__toggle:focus {
outline: 3px solid #0bf;
outline-offset: 3px
}
.splide__track--nav>.splide__list>.splide__slide {
border: 3px solid transparent;
cursor: pointer
}
.splide__track--nav>.splide__list>.splide__slide.is-active {
border: 3px solid #000
}
.splide__arrows--rtl .splide__arrow--prev {
left: auto;
right: 1em
}
.splide__arrows--rtl .splide__arrow--prev svg {
transform: scaleX(1)
}
.splide__arrows--rtl .splide__arrow--next {
left: 1em;
right: auto
}
.splide__arrows--rtl .splide__arrow--next svg {
transform: scaleX(-1)
}
.splide__arrows--ttb .splide__arrow {
left: 50%;
transform: translate(-50%)
}
.splide__arrows--ttb .splide__arrow--prev {
top: 1em
}
.splide__arrows--ttb .splide__arrow--prev svg {
transform: rotate(-90deg)
}
.splide__arrows--ttb .splide__arrow--next {
bottom: 1em;
top: auto
}
.splide__arrows--ttb .splide__arrow--next svg {
transform: rotate(90deg)
}
.splide__pagination--ttb {
bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
left: auto;
padding: 1em 0;
right: .5em;
top: 0
}
.splide-arrows {
position: absolute;
top: 44%;
right: 0;
left: 0;
z-index: 99;
transform: translateY(-50%);
}
.splide-arrow-left,
.splide-arrow-right {
display: flex;
justify-content: center;
align-items: center;
width: 2.6rem;
height: 2.6rem;
background-color: var(--primary-btn-bg);
fill: var(--primary-btn-color);
border-radius: 50%;
transition: background-color var(--animation);
}
@media (min-width: 1130px) {
.splide-arrow-left,
.splide-arrow-right {
border: 4px solid var(--white);
}
}
.splide-arrow-left:hover,
.splide-arrow-right:hover {
background-color: var(--primary-btn-bg-hover);
fill: var(--primary-btn-color-hover);
}
.splide-arrow-btn:disabled {
background-color: #989898;
fill: var(--white);
transition: background-color var(--animation);
}
.splide-arrow-left {
position: absolute;
top: 0;
left: 0;
z-index: 5;
transform: translateX(5px) rotate(180deg);
}
@media (min-width: 1130px) {
.splide-arrow-left {
transform: translateX(-1.2rem) rotate(180deg);
}
}
.splide-arrow-right {
position: absolute;
top: 0;
right: 0;
z-index: 5;
transform: translateX(-5px);
}
@media (min-width: 1130px) {
.splide-arrow-right {
transform: translateX(1.2rem);
}
}
.splide-arrow-left svg,
.splide-arrow-right svg {
width: 12px;
height: 12px;
}
.splide__pagination {
position: absolute;
right: 0;
bottom: initial;
left: initial;
top: 0;
justify-content: flex-end;
flex-flow: nowrap;
padding: 0;
transform: translate(0, 1rem);
}
.splide__pagination__page {
width: 1rem;
height: 1rem;
margin: 0;
border: 4px solid var(--primary-btn-bg);
background-color: transparent;
opacity: 1;
border-radius: 50%;
}
.splide__pagination__page.is-active,
.splide__pagination__page:hover {
background-color: var(--primary-btn-bg);
}
.home-blog-carousel .splide__pagination {
position: static;
justify-content: center;
flex-flow: nowrap;
margin-block: 1.5rem calc(var(--spacing) * 2);
} .cookies-modal {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
display: none;
opacity: 0;
transform: translateY(20px);
background-color: var(--grey-bg);
box-shadow: 1px -8px 25px -6px rgba(34, 60, 80, 0.2);
transition: all 0.4s ease;
}
.cookies-modal.is-hidden {
transform: translateY(-9999px);
}
.cookies-modal.show {
display: block;
opacity: 1;
transform: translateY(0);
transition: all 0.4s ease;
}
.cookies-modal__wrap {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
align-items: center;
padding-block: 1.35rem;
}
@media (min-width: 600px) {
.cookies-modal__wrap {
gap: var(--spacing);
grid-template-columns: 50px 1fr;
}
}
@media (min-width: 1130px) {
.cookies-modal__wrap {
grid-template-columns: 50px 1fr 200px;
}
}
.cookies-modal__icon {
display: none;
}
@media (min-width: 600px) {
.cookies-modal__icon {
display: block;
}
}
.cookies-modal__text {
font-size: 0.88rem;
line-height: 155%;
color: var(--main-color)
}
.cookies-modal__text>p>a {
text-decoration: underline;
}
.cookies-modal__btn {
grid-column: 1/3 span;
display: flex;
width: 100%;
padding: 0.8rem 1.35rem;
}
@media (min-width: 1130px) {
.cookies-modal__btn {
grid-column: auto;
width: fit-content;
margin-inline-start: auto;
padding: 0.8rem 1.35rem;
}
} .wpcf7 {
position: relative;
max-width: 600px;
margin-inline: auto;
}
.wpcf7-spinner {
display: none;
}
.wpcf7-text,
.wpcf7-email,
.wpcf7-tel,
.wpcf7-date,
.wpcf7-number {
width: 100%;
height: 50px;
font-family: inherit;
font-size: 1rem;
line-height: 1;
color: var(--main-color);
border: 1px solid var(--border-color);
border-radius: var(--bradius);
}
.wpcf7-not-valid {
border-color: red !important;
}
.wpcf7-not-valid-tip {
position: absolute;
top: 0;
right: 0;
margin: 0 !important;
padding: 4px 5px;
font-size: 0.75rem !important;
line-height: 1;
background-color: var(--white);
transform: translate(-5px, -11px);
}
.wpcf7-acceptance input {
position: absolute;
width: 0;
height: 0;
opacity: 0;
visibility: hidden;
}
.wpcf7-acceptance .wpcf7-list-item {
display: inline-block;
margin: 0;
}
.wpcf7-acceptance .wpcf7-list-item-label {
position: relative;
display: block;
padding-left: 2.1rem;
font-size: var(--small) !important;
line-height: 140%;
color: var(--grey-color);
}
@media (max-width: 500px) {
.wpcf7-acceptance .wpcf7-list-item-label {
font-size: 12px !important;
}
}
.wpcf7-acceptance .wpcf7-list-item-label a {
color: var(--grey-color);
text-decoration: underline;
}
.wpcf7-acceptance .wpcf7-list-item-label a:hover {
color: var(--hover-color);
text-decoration: underline;
}
.wpcf7-acceptance .wpcf7-list-item-label::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 1.4rem;
height: 1.4rem;
background-color: var(--white);
border: 1px solid var(--input-border);
border-radius: 4px;
transform: translate(-1px, 2px);
}
.wpcf7-acceptance input:checked+span::before {
background: var(--accent) url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#check) center center / 1.1rem no-repeat;
border-color: transparent;
}
.wpcf7 .wpcf7-submit {
inline-size: 100%;
}
.wpcf7-form label {
margin-block-end: 0.95rem;
}
.wpcf7 .wpcf7-submit:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.wpcf7 form.sent .wpcf7-response-output {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
height: 100%;
display: grid;
align-content: center;
justify-items: center;
margin: 0 !important;
padding: 0 var(--spacing) !important;
font-size: 1.1rem !important;
font-weight: var(--semi-bold);
line-height: 160%;
text-align: center;
background-color: #1e7d4f !important;
color: var(--white) !important;
border: 0 !important;
border-radius: var(--bradius);
overflow: clip;
}
.wpcf7 form.sent .wpcf7-response-output::before {
content: "";
display: block;
width: 4rem;
height: 4rem;
background: url(//autoservice-ryadom.ru/wp-content/themes/the-list/assets/img/sprite.svg#mail-sent) center center / cover no-repeat;
border-radius: var(--bradius);
transform: translateY(-3rem);
}
.wpcf7 form.invalid .wpcf7-response-output {
margin: 1rem 0 0 !important;
font-size: 0.9rem;
line-height: 130%;
text-align: center;
border-radius: var(--bradius);
} .widget:not(.widget_media_image):not(.widget--custom) {
padding: 1.2rem;
border: 1px solid var(--border-color);
border-radius: var(--bradius);
}
.widget:not(:last-child) {
margin-block-end: var(--spacing);
}
.widget a {
color: var(--main-color);
text-decoration: none;
}
.widget a:hover {
text-decoration: underline
}
.widget-title,
.widget .wp-block-heading {
position: relative;
display: block;
margin: 0 0 1.5rem !important;
font-size: 1rem;
font-weight: var(--semi-bold);
line-height: 130%;
}
.widget img {
border-radius: var(--bradius);
}
.widget .wp-block-group,
.widget .wp-block-group__inner-container {
margin-block-start: 0 !important;
}
.widget .wp-block-categories li::before {
display: none !important;
}
.widget_nav_menu ul {
padding-left: 0 !important;
margin-inline-start: 0 !important;
}
.widget_nav_menu ul li {
position: relative;
padding-left: 1rem;
font-size: 0.96rem;
line-height: 150%;
font-weight: var(--normal);
}
.widget_nav_menu ul li::before {
content: "";
width: 6px;
height: 6px;
background-color: var(--accent);
position: absolute;
left: 0;
top: 0;
transform: translateY(0.5rem);
border-radius: 50%;
}
.widget_nav_menu ul li:not(:last-child) {
margin-bottom: 0.5rem !important;
}
.widget_nav_menu ul li a {
text-decoration: none;
}
.widget_nav_menu ul li a:hover {
color: var(--hover-color);
text-decoration: underline;
}
.widget #calendar_wrap {
width: 100%;
}
.widget #wp-calendar th {
text-align: center;
padding: 5px 4px;
font-size: 0.8rem;
font-weight: var(--bold);
border: 1px solid var(--border-color)
}
.widget #wp-calendar td {
padding: 5px 6px;
border: 1px solid rgba(29, 43, 100, .06);
text-align: center;
font-size: 0.8rem;
}
.widget #wp-calendar caption {
margin-bottom: 0.5rem;
font-size: var(--small);
color: var(--grey-color);
}
.widget ul {
margin-block: 0 !important;
margin-inline-start: 0 !important;
padding: 0;
}
.widget ul li:not(:last-child) {
margin-block-end: 1rem;
}
.site-footer .widget {
padding: 0 !important;
border: none !important;
}
.widget .cat-item {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
padding-inline-start: 0 !important;
}
.widget .cat-item:not(:last-child) {
border-bottom: 1px dotted var(--border-color);
}
.post-content .cat-item::before {
display: none !important;
}
.widget .cat-item a {
position: relative;
font-weight: var(--normal);
}
.widget .cat-item a:hover {
color: var(--hover-color);
}
.cat-item__count {
font-size: var(--small);
}
.cat-item>.children {
display: none;
margin: 0.7rem 0;
}
.cat-item>.children>.cat-item {
padding-left: 1rem;
background-color: transparent !important;
}
.widget.post-content ul,
.widget.post-content ol {
margin-left: 0 !important;
padding-left: 0 !important;
}
.wp-block-search__inside-wrapper {
display: flex;
gap: 1rem;
margin-block-start: 0 !important
}
.wp-block-search__input {
max-width: 16ch;
}
.wp-block-latest-comments__comment {
display: flex;
}
.wp-block-latest-comments__comment,
.wp-block-latest-comments__comment-meta,
.wp-block-search__label,
.wp-block-search__input,
.wp-block-search__button,
.widget .wp-block-search {
margin-block-start: 0 !important
} .single-item-card-ajax {
margin-block-start: 4rem;
}
.single-item-card-ajax__title {
display: none;
margin-block-end: var(--spacing);
font-weight: var(--bold);
} .single-item > :not(.single-item-card-ajax) + .single-item-card-ajax .single-item-card-ajax__title {
display: block;
}
.single-item-message {
display: grid;
place-content: center;
margin-block: var(--spacing);
padding: 1.5rem 1rem;
font-size: 0.9rem;
line-height: 1;
text-align: center;
border-radius: var(--bradius);
}
.single-item:not(:has(.single-item-card-ajax)) .single-item-message {
display: none;
}
.single-item-loading-indicator {
position: relative;
display: grid;
margin-block: 3rem 4rem;
}
.loading-spinner {
position: absolute;
top: 0;
left: 50%;
width: 38px;
height: 38px;
margin-inline: auto;
border: 5px solid rgb(172 173 187 / 42%);
border-bottom-color: var(--accent);
border-radius: 50%;
display: inline-block;
transform: translateY(-50%);
animation: rotation 1s linear infinite;
}
.single-item:not(:has(.single-item-card-ajax)) .loading-spinner,
.single-item:not(:has(.single-item-card-ajax)) .single-item-loading-indicator {
display: none !important;
}