/*
Theme Name: Ctr99.ru all WordPress
Theme URI: 
Author: Команда CTR99 
Author URI: https://ctr99.ru/
Description: Универсальная тема для блога от  CTR99
Requires at least: 5.9
Tested up to: 6.4
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/* основные цвета */

body {
    --link-green: #46766b;
    --hover-link: #3c6c61;
	--dim-green: #8ab59d;
    --green: #57806a;
    --background-green: #f1f5f5;
    --black: #072030;
    --gray: #747474;
    --dim-gray: #f4f4f4;
    --white: #ffffff;
}

h2, h3 {
    margin-bottom: 1.5rem;
}

html {
    font-size: 20px;
}

@media (max-width: 992px) {
    html {
        font-size: 18px;
    }
}

 a {
	text-decoration: none;
	color: var(--green);
}

a:hover {
    text-decoration: underline;
	color: var(--hover-link); 
}



img {
    display: block;
    height: auto;
    max-width: 100%;
    box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
}



main.container {
    padding-top: 80px;
    padding-bottom: 80px;
}

@media (max-width: 991px) {
    main.container {
        padding-top: 18px;
        padding-bottom: 50px;
    }
}


/*Блоки плюсов и минусов*/
.plus-box,.minus-box {
	padding: 1rem;
	margin-bottom: 1rem;
}

.plus-box ul,.minus-box ul {
	list-style: none;
	margin: 0;
	padding-left: 1rem;
}

.plus-box ul li:before,.minus-box ul li:before {
	margin-right: 0.25rem; 
}

.plus-box { 
	border: 1px solid green;
}

.plus-box li:before { 
	content: "+ ";
	color:green;
}

.minus-box { 
	border:1px solid #e03058;
}

.minus-box li:before { 
	content: "− ";
	color: #e03058;
}
/*/Блоки плюсов и минусов*/


/*Выделение фрагмента текста для справки*/
mark,.mark {
    background: #C3DBD0;
    padding: 0;
    color: #4a4a4a;
}
/*/Выделение фрагмента текста для справки*/




/*Цитаты сотрудников*/
figure.blockquote {
    padding: 10px 20px;
    border-left: 5px solid #F1F5F5;
    margin-bottom: 1rem;
}

figure.blockquote blockquote {
    font-size: 1rem;
    font-style: italic;
    padding: 0;
    margin: 0;
}

figure.blockquote blockquote + figcaption {
    margin-top: 1rem;
    font-size: 0.875rem;
}

figure.blockquote blockquote + figcaption.blockquote-author {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 16px;
}

figure.blockquote blockquote + figcaption.blockquote-author img.blockquote-author-img {
    border-radius: 50%;
    max-width: 50px;
    margin: 0;
}
/*/Цитаты сотрудников*/


/*Красные цифры в нумерации списка*/
section[class^=counter-],section[class*=" counter-"] {
    counter-reset: red-counter;
}

ol.with-red-figures {
    list-style: none;
    padding: 0;
}

ol.with-red-figures li {
    display: flex;
    margin-bottom: 1rem;
    gap: 1rem;
}

ol.with-red-figures li::before {
    counter-increment: red-counter;
    content: counter(red-counter);
    flex: 0 0 3rem;
    height: 3rem;
    display: inline-block;
    line-height: 3rem;
    text-align: center;
    border: 1px solid #46766b;
    color: #46766b;
    font-weight: 600;
    font-size: 1.5rem;
}
/*/Красные цифры в нумерации списка*/


/*Синяя плашка с информацией*/
.vivid-block {
    border-left: 7px solid #8AB59D;
    background: #f1f5f5;
    padding: 1rem;
    margin: 1rem 0;
}
/*/Синяя плашка с информацией*/


/*Блок важно*/
.nb-block {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #57806A;
    border-radius: 4px;
    background-color: #f1f5f5;
    color: #57806a;
    font-style: italic;
}

.nb-block .nb-title {
    font-weight: 700;
    font-style: normal;
}
/*/Блок важно*/


/*Статья в общем списке*/
.link-article {
    color: var(--black);
    text-decoration: none;
    color: var(--black);
}

.link-article:hover {
    color: var(--black);
    text-decoration: none;
    color: var(--black);
}

.el-article {
    background-color: var(--background-green);
    padding: 30px;
    margin-bottom: 20px;
    border-radius: 4px;
}

.el-article h2 {
    margin-top: 0;
}

.el-article:hover
 {
    background-color: #e7ebeb;
    text-decoration: none;
    color: var(--black);
}


.el-article h2, .el-article p  {
    margin-bottom: 20px;
}


.wrapper-date-article {
    display: flex;
    justify-content: space-between;
    color: var(--light-gray);
    font-size: 14px;
}

.wrapper-date-article p {
    margin: 0;
}


@media (max-width: 991px) {
    .wrapper-date-article {
        flex-direction: column;
        align-items: flex-start;
		gap: 5px;
        margin-bottom: 20px;
    }
}

/*/Статья в общем списке*/


/*Кнопка подгрузки*/
#load-more {
    border: 1px solid var(--main-blue);
    padding: 10px 40px;
    background: none;
    border-radius: 6px;
    color: var(--main-blue);
    margin-top: 40px;
}
/*Кнопка подгрузки*/


/*Заголовок и описание категории*/
.blog-title-h1 {
    text-align: center;
    margin-bottom: 40px;
}

.category-description {
    margin-bottom: 40px;
}
/*/Заголовок и описание категории*/


/*страница категорий*/
.wrapper-category-el {
    display: flex;
    align-items: center;
    gap: 9px;
}

.category-indent {
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    .category-indent {
        margin-bottom: 20px;
    }
}
/*/страница категорий*/


/*сайдбар*/



.sidebar a p {
    font-size: 16px;
    margin: 10px 0;
}




.sidebar-el {
    background-color: var(--background-green);
    padding: 20px;
    border-radius: 4px;
    font-size: 16px;
	max-height: 80vh;
    display: flex;
    flex-direction: column;
}

.sidebar-content-list {
    font-size: 14px;
}

.sidebar-el ul {
    padding-left: 8px;
}

.sidebar-el li {
    list-style: none;
}

.title-sidebar-el {
    color: var(--black);
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 16px;
}

.btn-sidebar {
    color: var(--light-gray);
    border: none;
    background: none;
}

@media(max-width: 992px) {
    .btn-sidebar {
        display: none;
    }
}

.sidebar .sidebar-el:not(:first-child) {
    margin-top: 40px;
}

.sidebar-category-link {
    text-align: center;
    margin-top: 20px;
    font-weight: 700;
}

.sidebar-category-link:hover {
    color: var(--hover-link);
    text-decoration: none;
}

.first-el-content {
    margin-bottom: 16px;
}

.second-el-content {
    margin-bottom: 4px;
}

.second-el-content:last-child {
    margin-bottom: 16px;
}


.sidebar-el {
    max-height: 80vh;
    display: flex;
    flex-direction: column;
}

.sidebar-el ul {
    padding-left: 8px;
}

.sidebar-content-list {
    overflow-y: auto;
    flex: 1;
    margin: 10px 0;
    font-size: 14px;
}



@media (max-width: 991px) {
    .title-sidebar-content-table {
        display: none;
    }
}



/* Коммерческий блок */
.commercial-block {
    border-top: 4px solid var(--green);
    border-bottom: 4px solid var(--green);
    background: var(--background-green);
    padding: 30px;
    margin: 32px 0;
}



.commercial-block a {
    display: inline-block;
    text-align: center;
}

.commercial-block p {
    margin-bottom: 20px;
}

.text-action-commerical {
    font-weight: 600;
}

.wrapper-town-commerical-block {
    display: flex;
    align-items: center;
    gap: 30px;
}

@media (max-width: 768px) {
    .wrapper-town-commerical-block {
        flex-direction: column;
        gap: 0;
        align-items: start;
    }
}




/*Стилизация хлебных крошек*/
.container-breadcrumbs {
    margin-top: 20px;
}

ol.breadcrumb {
	margin: 0;
	font-size: 14px;
}

ol.breadcrumb li.breadcrumb-item {
	padding: 0;
	margin: 0 10px 2px 0;
	display: flex;
	gap: 10px;
}

ol.breadcrumb li.breadcrumb-item:before {
	content: none;
}

ol.breadcrumb li.breadcrumb-item:not(:last-child):after {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 15 15' fill='none'%3e%3cpath d='M4 1L10 7.5L4 14' stroke='%23707070' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

 


/*Синяя кнопка*/

.btn-primary {
    border-color: var(--main-blue);
    background-color: var(--main-blue);
}

.btn-primary:hover {
    background-color: #0099e6;
    border-color: #a1a1a1;
    text-decoration: none;
}


/*Пагинация*/
.pagination {
    align-items: center;
    justify-content: center;
    gap: 10px;
}


/*транслит*/
#translit-form {
    border: 3px solid var(--main-blue);
    border-radius: 5px;
    padding: 15px;
}

#translit-form input, #translit-form select {
    margin-top: 15px;
}

#translit-form button {
  margin-top: 20px;
}



img {
    border-radius: 16px;
    box-shadow: none;
}

.btn-service {
    background-color: var(--green);
    color: var(--white);
    border-radius: 4px;
    padding: 10px 32px;
}

.btn-service:hover {
   text-decoration: none;
   color: var(--white);
   background-color: var(--hover-link);
}

.short-description {
    margin-top: 32px;
    margin-bottom: 32px;
}

.front-page-blog {
    margin-bottom: 64px;
}

@media (max-width: 991px) {
    .title-sidebar-content-table {
        display: none;
    }
}


.accordion-table-content {
    margin-top: 36px;
}

.accordion-table-content button.accordion-te.collapsed, .accordion-table-conten button.accordion-te:not(.collapsed),
.accordion-table-content button.accordion-button:not(.collapsed)
{
    background-color: var(--background-green);
    font-weight: 600;
    color: var(--black);
}

.accordion-table-content .accordion-button:focus {
    box-shadow: none;
}

.accordion-table-content .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-radius: 4px;
}

.accordion-table-content .accordion-button::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none' style='&%2310;'%3e%3cpath d='M14 4.5L7.5 10.5L1 4.5' stroke='%2357806a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' style='&%2310;'/%3e%3c/svg%3e");
}


.accordion-table-content .sidebar-el {
    padding-top: 0;
    border-radius: 0 0 4px 4px;
}

.accordion-table-content .accordion-button:not(.collapsed) {
    box-shadow: none;
}