/* Раскрывающиеся блоки: краткое изложение и материалы по делу. */ .a10-acc { margin: 2em 0 2.5em; border-top: 1px solid #e2e2e2; } .a10-acc__item { border-bottom: 1px solid #e2e2e2; } /* тема красит любые button в фирменный цвет — гасим это полностью */ .a10-acc .a10-acc__head.a10-acc__head, .a10-acc .a10-acc__head.a10-acc__head:hover, .a10-acc .a10-acc__head.a10-acc__head:focus, .a10-acc .a10-acc__head.a10-acc__head:active { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 1em !important; width: 100% !important; min-width: 0 !important; max-width: none !important; padding: 1.15em 0 !important; margin: 0 !important; background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; cursor: pointer; text-align: left !important; text-transform: none !important; letter-spacing: normal !important; font-family: inherit !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #1c1c1c !important; -webkit-appearance: none; appearance: none; transition: opacity .2s ease; } .a10-acc .a10-acc__head.a10-acc__head:hover { opacity: .6 !important; } .a10-acc__head:focus-visible { outline: 2px solid #b0904f; outline-offset: 3px; } /* знак «плюс», превращающийся в «минус» */ .a10-acc__sign { color: #1c1c1c; position: relative; flex: 0 0 auto; width: 22px; height: 22px; } .a10-acc__sign::before, .a10-acc__sign::after { content: ""; position: absolute; left: 50%; top: 50%; width: 20px; height: 1.5px; background: currentColor; transform: translate(-50%, -50%); transition: transform .22s ease, opacity .22s ease; } .a10-acc__sign::after { transform: translate(-50%, -50%) rotate(90deg); } .a10-acc__head[aria-expanded="true"] .a10-acc__sign::after { transform: translate(-50%, -50%) rotate(0deg); opacity: 0; } .a10-acc__body { display: none; padding: 0 0 1.6em; color: #333; font-size: 16px; line-height: 1.62; } .a10-acc__item.is-open .a10-acc__body { display: block; } .a10-acc__body p { margin: 0 0 1em; } .a10-acc__body p:last-child { margin-bottom: 0; } .a10-acc__body a { text-decoration: underline; text-underline-offset: 2px; } /* список материалов по делу */ .a10-acc__body--files a { display: inline-block; margin: 0 1.5em .5em 0; } @media (max-width: 767px) { .a10-acc { margin: 1.5em 0 2em; } .a10-acc .a10-acc__head.a10-acc__head { font-size: 16px !important; padding: 1em 0 !important; } .a10-acc__body { font-size: 16px; line-height: 1.6; } } @media (prefers-reduced-motion: reduce) { .a10-acc__sign::before, .a10-acc__sign::after { transition: none; } } /* Страховка от блокировки прокрутки. Плагин возрастной заглушки держит overflow:hidden через класс на ; после подтверждения возраста скрипт ставит .a10-unlocked, и прокрутка возвращается. */ /* Не задаём html высоту: в теме он равен высоте окна, а страницу прокручивает viewport. Снимаем только запрет прокрутки, оставшийся от возрастной заглушки. */ html.a10-unlocked { overflow-y: scroll !important; max-height: none !important; } html.a10-unlocked body { overflow: visible !important; max-height: none !important; }