a {font-family: 'Forum', serif;}

/* Скрыть иконку поиска */
.search-toggle-btn {
    display: none;
}

/* Препятствует переносу заголовков по буквам */
h1, h2, h3, h4, h5, h6, .entry-details {
    word-break: normal; 
    overflow-wrap: break-word;
    white-space: normal; 
}


/* Межстрочное расстояние заголовка новости */
@media (max-width: 767px) { h1.entry-title 
	{line-height: 1.4em !important;
}
}

.entry-details {
	font-family: 'Forum', serif !important;
}

/* Изменение цвета при наведении на ссылки и кнопки */
a:hover,
button:hover {
    color: #3ABEEF;
}

/*Изменение цвета меню при наведении*/
.wpo-header-style-1 .navigation #navbar>ul>li>a:hover  {
	color: #3ABEEF;
}
.wpo-header-style-1 .navigation #navbar>ul>li.current-menu-item>a,
.wpo-header-style-1 .navigation #navbar>ul>li.current-menu-parent>a {
    color: #3ABEEF;
}
.wpo-header-style-1 .navigation #navbar>ul>li.current-menu-item>a:before,
.wpo-header-style-1 .navigation #navbar>ul>li.current-menu-parent>a:before{
    opacity: 1;
    visibility: visible;
}
.wpo-header-style-1 {
    z-index: 100;
}
/* Изменение цвета фона и стрелок для slick-prev и slick-next */
.hero .slick-prev, .hero .slick-next {
    background-color: rgba(58,190,239, 0.3) !important; /* Замените на нужный цвет */
    color: ваш_цвет_стрелок !important; /* Укажите нужный цвет для стрелок */
}

.hero .slick-prev:hover, .hero .slick-next:hover {
    background-color: rgba(58,190,239, 0.5) !important; 
	
}
/*2-й этап, 1-я часть BEGIN*/
/*Цвет нижних кнопок-кружочков в слайдере на Главной*/
.hero .slick-dots button {    background-color: #FFFFFF;}
.hero .slick-dots button:hover {background-color: #3ABEEF;}
.hero .slick-dots button:focus {background-color: #3ABEEF;}
.hero .slick-dots button:active {background-color: #3ABEEF;}
.hero .slick-dots li.slick-active button {background-color: #3ABEEF;}
/*2-й этап, 1-я часть END*/

.wpo-site-footer-s2 .wpo-lower-footer ul li a {
    color: #3d8fbf;
}

/* Центрирование текста в подвале */
.footer, .wpo-lower-footer {
    text-align: center !important;
}

.wpo-testimonial-section .wpo-testimonial-wrap .slick-dots li.slick-active button, .wpo-testimonial-section-s2 .wpo-testimonial-wrap .slick-dots li.slick-active button {
	background: #3ABEEF;
}

/* Цвет цитаты на главной странице*/
.page-wrapper blockquote {
	background-color: #24456B;
	border-radius: 10px;
	}

/* Цвет цитаты в блокноте новости*/
.wpo-blog-single-section .post blockquote {
	background-color: #24456B !important;
    color: #ffffff !important;
}
.page-wrapper blockquote:before {
    color: #ebeaea !important;
}

.wpo-testimonial-section .wpo-testimonial-wrap .wpo-testimonial-item, .wpo-testimonial-section-s2 .wpo-testimonial-wrap .wpo-testimonial-item {
	background: #24456B;
	 min-height: 360px;
}

.wpo-testimonial-section .wpo-testimonial-wrap .testimonial-img::before, .wpo-testimonial-section-s2 .wpo-testimonial-wrap .testimonial-img::before {
   background: none !important;
}

.wpo-site-header #navbar>ul>li>a {
font-family: 'Forum', serif;
			font-size: 20px; 
    /*font-weight: bold; 
  /*  color: #333; 
    text-transform: none; 
}

.wpo-header-style-1 .navigation #navbar>ul>li>a {
	font-family: 'Forum', serif;
    color: #ffffff;
    font-size: 18px;
	font-style: normal;
	/*font-weight: bold;*/
}
@media (min-width: 992px) and (max-width: 1440px) {
    body .wpo-site-header #navbar>ul>li>a {
        font-size: 16px; 
    }
    
}
body .wpo-site-header .collapse.navbar-collapse.navigation-holder {
    margin-right: 0;
}
/*2-й этап, 2-я часть*/
/*Заливка бокового меню сайта в мобильной версии, уменьшаем. Было 300рх, поставили 170рх*/
@media (max-width: 991px) {
    .wpo-site-header #navbar {
        width: 300px;
        }
}

/*Уменьшили высоту горизонтального меню сайта в мобильной версии. Были отступы по 10 рх сверху/снизу, поставили 0px*/
@media (max-width: 575px) {
    .wpo-site-header .navigation.sticky-header {
        padding: 0px 10px;
    }
}
@media (max-width: 991px) {
    .wpo-site-header .navigation {
        padding: 0px 10px;
    }
}  
/*Корректировка цвета горизонтального меню*/
.header-style-1 .navigation-holder, .wpo-site-header .navigation {
    background-color: #154985; 
}

/*Страница перечня новостей: отступ между блоком заголовка и колонками с контентом */
.wpo-blog-pg-section {
     padding-top: 200px;
}
/*Страница отдельной новости: отступ между блоком заголовка и колонками с контентом */
.wpo-blog-single-section {
 padding-top: 200px;
}

/*Cтили заголовка поста h3 на общей странице новостей*/
.wpo-blog-pg-section .post h3 a {
    font-family: 'Lato', sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: #002642;
    line-height: 35px;
	  /*margin: 5px 0 15px 0;*/
}
/*Отступ между заголовком всплеска новости и датой на общей странице новостей*/
/*
.wpo-blog-pg-section .post h3 {
    margin-bottom: -8px;
}
*/
/*Отступы между всплесками постов на общей странице новостей*/
.wpo-blog-pg-section .wpo-blog-content .post {
    margin-top: 15px;
    margin-bottom: 80px;
}

/*Размер даты и отступ от пиктограммы календаря на общей странице новостей */
.wpo-blog-content a {
	color: #3d8fbf;
	font-size: 14px;
}
.fi:before {
    margin-right: 5px;
    font-size: 12px;
	  color: #687693;
}

.wpo-blog-content p.post-date { color: green !important;
}

/*Шрифтовая семья, цвет и размер ссылок на общей странице новостей*/
.wpo-blog-pg-section .post a.read-more {
	  font-family: 'Lato', sans-serif;
    color: #3d8fbf;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}
/*Цвет ссылки ЧИТАТЬ ДАЛЕЕ при наведении*/
.wpo-blog-pg-section .post a.read-more:hover {color: #002642;}

/*Корректируем отступ между текстом и ссылкой на общей странице новостей*/
.wpo-blog-pg-section .post p {
    margin-bottom: 1em;
}
/*Корректируем межстрочный интервал на общей странице новостей*/
.wpo-blog-pg-section .post p {line-height: 1.7;}

/*Корректируем отступ между фото и текстом на общей странице новостей*/
.entry-media img {
	  margin-top: -10px;
    margin-bottom: -35px;
	  border-radius: 5px;
	
}
/*Добавить margin-bottom, если надо корректировать отступ между фото и текстом на странице отдельной новости. Добавление скруглений углов фото*/
.wpo-blog-single-section img {
    width: 100%;
	  border-radius: 5px;
}

/*Размер и цвет даты и  пиктограммы календаря на странице одной новости*/
.post-date {
	 font-family: 'Lato', sans-serif;
	  color: #687693;
   font-size: 14px;
	  margin-top: 20px;
	  margin-bottom: 20px;
		margin-right: 10px;
}

/*Отступы между заголовками последних новостей*/
.wp-block-latest-posts.wp-block-latest-posts__list li {
    clear: both;
    overflow-wrap: break-word;
    margin-bottom: 20px;
}

/*Шрифт Форум*/
.wpo-blog-pg-section .post p {
    font-family: 'Forum', serif;
}
.wpo-blog-single-section .post p .entry-details p {
    font-family: 'Forum', serif;
	  font-size: 18px;
}
.wpo-blog-content p {
    font-family: 'Forum', serif;
    font-size: 18px;
}
/*Межстрочный интервал на странице отдельной новости*/
.wpo-blog-single-section p {
    line-height: 1.6em;
   }
/*Заголовок h2 в боковом виджете*/
.blog-sidebar .widget_block h2 {
    font-family: 'Lato', sans-serif;
}

/*Цвет подчеркивания правая колонка виджетов на страницах новостей*/
.blog-sidebar .widget_block h2:before {
    background-color: #3d8fbf;
}

/*правая колонка, виджеты*/
.blog-sidebar .widget h3 {
  font-family: 'Lato', sans-serif;
	padding-bottom:15px;
  border-bottom: 2px solid #3d8fbf;
	border-radius: 0px;
}

/*Заголовок h3 подчеркивание в боковом виджете. Пока не работает. Надо прописать в HTML псевдоэлемент before*/
/*
.wp-block-heading h3:before {
    content: "";
    background-color: #3d8fbf;
    width: 55px;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 10px;
}
*/
/*Виджет: Облако тегов. Размер шрифта*/

.widget_tag_cloud .tagcloud a, .widget_tag_cloud .wp-block-tag-cloud a {
    font-size: 18px !important;
    color: #635b5b;
    display: inline-block;
    padding: 5px 13px;
    border-radius: 0;
    margin: 0 3px 6px 0;
    border: 1px solid #d4d4d4;
    border-radius: 60px;
    font-weight: 500;
    line-height: 1.5;
}
/*Виджет: Облако тегов. Цвет при наведении*/
.widget_tag_cloud .tagcloud a:hover, .widget_tag_cloud .wp-block-tag-cloud a:hover{
color: #ffffff !important;
}

/*Теги к отдельному посту. В самом низу под текстом. Размер и толщина шрифта*/
.wpo-blog-single-section .tag-share .tag a {
   font-size: 16px;
    font-weight: 600;
	background-color: #f5f5f5;
}
/*Теги к отдельному посту. В самом низу под текстом. Цвет при наведении*/
.wpo-blog-single-section .tag-share .tag a:hover {
   color: #ffffff !important;
   background-color: #3d8fbf;
}

/*Размер шрифта в разделе О Союзе на Главной*/

ul, li {
    font-size: 20px;
    }
blockquote p{
    font-size: 20px;
    }
strong {
  font-size: 20px;
}
/*Размер шрифта в разделе Проекты на Главной в моб версии*/
@media (max-width: 1199px) {
.wpo-testimonial-section .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-text p, .wpo-testimonial-section-s2 .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-text p {
        font-size: 20px;
    }
}
/*Отступы между разделом Проекты блоком отправки формы на Главной в моб версии*/
@media (max-width: 450px) {
.wpo-cta-section .wpo-cta-wrap {
    padding: 40px 10px 10px 10px;
    }
}

@media (max-width: 991px) {
    .wpo-cta-section .wpo-cta-wrap {
        padding: 80px 35px 40px 35px;
    }
}

/*Категории*/
@media (max-width: 1200px) {
    .blog-sidebar .category-widget ul a {
      font-size: 18px;
	    }
}

.blog-sidebar .category-widget ul a {
    font-size: 18px;
    }
 .wp-block-categories li a {
    font-weight: 600;
 }
.widget_categories ul li a {
    font-size: 18px;
    font-weight: 600;
}

/* Пункты в виджете "Направления" */
.widget_block .wp-block-categories-list li a {
    position: relative; 
    display: inline-block;
    text-decoration: none;
    transition: color 0.5s ease;
}

/* Общий стиль для ссылок */
.cat-item-20 a::after,
.cat-item-41 a::after,
.cat-item-42 a::after,
.cat-item-43 a::after {
    content: "";
    position: relative; 
	 display: block;
    left: 0; 
    bottom: 5px; 
    width: 0;
    height: 2px; /* Толщина линии */
    background-color: #3d8fbf; 
    transition: width 0.5s ease; 
}

/* При наведении линия появляется */
.cat-item-20 a:hover::after {
    width: 25%;
}

.cat-item-41 a:hover::after {
    width: 48%;
}

.cat-item-42 a:hover::after {
    width: 26%;
}

.cat-item-43 a:hover::after {
    width: 32%;
}

/*Виджет: Направления. Цвет при наведении*/
/*  .widget_categories ul li a:hover, .wp-block-categories li a:hover {
    font-weight: 600;
    color: #3d8fbf; 
}
 */

/*наведение*/
@media (max-width: 1200px) {
    .blog-sidebar .category-widget ul a:hover {
         background: #3d8fbf;
    }
}

.blog-sidebar .category-widget ul a:hover {
     background: #3d8fbf;
}

.widget_categories ul li a:hover {
  background: #3d8fbf;
}  
/*Наведение, облако тегов*/
.widget_tag_cloud .tagcloud a:hover, .widget_tag_cloud .wp-block-tag-cloud a:hover {
     background: #3d8fbf;
	   border: 1px solid #3d8fbf;
} 
/*Заголовки h1 на странице отдельной новости*/
h1.entry-title {
    font-family: 'Lato', sans-serif;
    font-size: 26px;
    font-weight: 700 !important;
    color: #002642;
    line-height: 1.6;
    margin: 5px 0 15px 0;
}

/*10-11-01-25*/
/*Ссылка К ДРУГИМ НОВОСТЯМ на странице отдельной новости*/
.back-to-news-container {
	  font-family: 'Lato', sans-serif;
    color: #3d8fbf;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
	  margin-top: 2px;
    margin-left: 10px;
}
.back-to-news-container a { 
		font-family: 'Lato', sans-serif;
    font-size: 16px;}

 .back-to-news-container a:hover { 
		color: #002642;
    }

/*Заголовки виджета Последние записи*/
.blog-sidebar .recent-post-widget .post h4 {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
}
.blog-sidebar .recent-post-widget .post h4 a {
    font-family: 'Lato', sans-serif;
	  font-size: 16px;
	  line-height: 20px;
  /*margin-top: -5px; */
}

/*Новости: пагинация внизу*/
.nav-links .page-numbers.current {
    border: 2px solid #3d8fbf;
    background: #3d8fbf;
}

/*Новости: пагинация внизу, наведение*/
.nav-links .page-numbers:hover {
    background: #3d8fbf;
    border-color: #3d8fbf;
    color: #fff;
}

/*Новости: пагинация внизу, стрелки*/
.ti-arrow-right:before {
      color: #fff !important;
}
.ti-arrow-left:before {
      color: #fff !important;
}

/*Стилизация блока новостей*/
.page-wrapper p {
	line-height: 1.6em;
}

.wpo-blog-pg-section .post p {
	line-height: 1.6em;
}

.widget_tag_cloud .tagcloud a, .widget_tag_cloud .wp-block-tag-cloud a {
	font-family: inherit;
	font-size: 14px !important; 
    font-weight: normal !important; 
}

.blog-sidebar ul {
	font-family: inherit !important;
}
/*Конец стилизации блока новостей*/

.blog-sidebar  {
	position: static !important;
}

#-recent-blog-1 {
	margin-bottom: 65px;
	transition: transform 0.3s ease, opacity 0.3s ease;
}

#block-31 {
	margin-bottom: 65px;
transition: transform 0.3s ease, opacity 0.3s ease;
}

	.fixed-widget {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
     transition: top 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
}
.fixed-widget.fixed-widget--pinned {
    transform: translateY(0);
    opacity: 1;
}

.FixedWidget__fixed_widget {
	 transition: top 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
}

#tag_cloud-2 {
	 margin-top: 0 !important;
}

.back-to-news-btn {
		display: inline-block;
    padding: 5px 20px;
    background-color: #2b6b91;
    color: #fff;
    text-decoration: none;
    border-radius: 25px;
    font-size: 14px;
		font-family: 'Lato', sans-serif;
    font-weight: 600;
	 letter-spacing: 0.5px;
		text-transform: uppercase;
    transition: background-color 0.3s ease;
}

.back-to-news-btn:hover {
  background-color: #314355;
	color: #fff;
}

#custom_html-2 {
	text-align: center;
}

/* Общий стиль для мета-данных */
.post-meta {
    display: flex;
    flex-wrap: wrap; 
    gap: 10px; 
    align-items: center;
}


/* Стиль для кнопок рубрик */
.post-categories .category-btn {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    display: inline-block;
    padding: 5px 10px;
    line-height: 1;
    margin: 2px 0; 
    background-color: #0073aa; 
    color: #fff; 
    text-decoration: none;
    border-radius: 25px; 
    font-size: 12px;
    transition: background-color 0.3s ease, color 0.3s ease;
		display: none;
}

/* Эффект при наведении для кнопок рубрик */
.post-categories .category-btn:hover {
    background-color: #314355; /* Синий фон при наведении */
    color: #fff; 
}

/* Стиль для кнопок тегов */
.post-tags .tag-btn {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    display: inline-block;
    padding: 5px 10px;
    line-height: 1;
    margin: 2px 0; /* Отступ между кнопками */
    background-color: #3D8FBF; 
    color: #fff; /* Тёмно-розовый текст */
    text-decoration: none;
    border-radius: 25px; /* Скругленные углы */
    font-size: 12px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Эффект при наведении для кнопок тегов */
.post-tags .tag-btn:hover {
    background-color: #0073aa; /* Тёмно-розовый фон при наведении */
    color: #fff; /* Белый текст */
}

/* Дополнительный отступ для контейнеров */
.post-categories,
.post-tags {
    line-height: 1;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .post-meta {
        display: flex;
        align-items: center;
        flex-wrap: wrap; 
        gap: 5px;
			margin-bottom: 20px;
			margin-top: 40px;
    }

    .post-date {
			margin-bottom: 0;
			margin-top: 0;
        margin-right: 10px; /* Отступ между датой и рубрикой */
        font-size: 14px; /* Размер шрифта для мобильных устройств */
    }

    .post-categories {
		display: none;
    /* display: flex; */
    gap: 5px; 
    }

    .post-tags {
        display: flex;
        flex-wrap: wrap; 
        gap: 5px; 
    }
}

.page-id-4543 .page-wrape,
.page-id-4544 .page-wrape {
    width: 100%;
}

.page-id-4543 .page-wrap,
.page-id-4544 .page-wrap {
    display: flex;
    align-items: center;
}

@media (min-width: 768px) {
    .page-id-4543 .page-wrape,
    .page-id-4544 .page-wrape {
        max-width: 570px;
        margin: 0 auto;
    }

    .page-id-4543 .page-wrap,
    .page-id-4544 .page-wrap {
        padding-top: calc(100px + 120px);
    }
}

.page-id-18 p,
.page-id-22 p {
    margin-bottom: 8px;
}
.page-id-22 .wpo-skill-section .wpo-skill-progress .wpo-progress-single h5 {
	font-family: "Forum", Sans-serif;
	font-size: 20px;
}
.page-id-22 .wpo-skill-section .wpo-skill-progress .wpo-progress-single .progress{
	background: #ffffff;
}
.elementor-element.container {
	margin: 0 auto;
}