/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
html {
    scrollbar-color: #004bc1 #fff;
    scrollbar-width: thin;
}
body{
    font-family:  'Proba Pro';
    line-height: normal;
}
body * {
    word-break: keep-all;
    word-wrap: break-word;
}
.h1, h1 {
    font-size: 1.9em;
}
#content {
    font-size: 1.125rem;
}
#content p{
    line-height: 1.5;
}
#content h1:not(:first-child), #content h2:not(:first-child), #content h3:not(:first-child), #content h4:not(:first-child), #content h5:not(:first-child), #content h6:not(:first-child) {
    margin-top: 1.5em;
    margin-bottom: .75em;
}
.tabbed-content .nav.nav-line-bottom {
    border-bottom: 1px solid #ddd;
}
blockquote, dl, figure, form, ol, p, pre, ul {
    margin-bottom: 1em;
}
.p75 blockquote, .p75 dl, .p75 figure, .p75 form, .p75 ol, .p75 p, .p75 pre, .p75 ul {
    margin-bottom: .75em;
}
.p5 blockquote, .p5 dl, .p5 figure, .p5 form, .p5 ol, .p5 p, .p5 pre, .p5 ul {
    margin-bottom: .5em;
}
.p0 blockquote, .p0 dl, .p0 figure, .p0 form, .p0 ol, .p0 p, .p0 pre, .p0 ul {
    margin-bottom: .5em;
}
.icon-box-left {
    align-items: center;
}
.icon-box-left .icon-box-img+.icon-box-text {
    padding-left: .8em;
}
#main a:hover {
    text-decoration: underline;
    transition: 0.2s ease-in-out;
}
.rank-math-breadcrumb, .entry-category {
    font-size: 1rem;
}
section {
    padding: 30px 0;
}
.test-mode-notice {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 9999;
    width: min(360px, calc(100vw - 36px));
    padding: 18px 46px 18px 18px;
    background: #fff;
    border: 1px solid #3c5790;
    border-left: 5px solid #3c5790;
    box-shadow: 0 12px 35px rgba(17, 28, 45, .16);
    color: #111;
    font-size: 1rem;
}
.test-mode-notice[hidden] {
    display: none;
}
.ux-builder-iframe .test-mode-notice {
    display: none !important;
}
.test-mode-notice__label {
    margin-bottom: 6px;
    color: #3c5790;
    font-size: .78rem;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}
.test-mode-notice__title {
    margin-bottom: 6px;
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.25;
}
.test-mode-notice p {
    margin: 0;
    color: #4B4B4D;
    font-size: .95rem;
    line-height: 1.45;
}
.test-mode-notice__close {
    position: absolute;
    top: 8px;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #395288;
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
}
.test-mode-notice__close:hover {
    background: rgba(0, 75, 193, .08);
}
.max-800 {
    max-width: 800px;
}
.text-bold {
   font-weight: 600; 
}
.text-bold-m {
   font-weight: 500; 
}
.text-balance {
    text-wrap: balance;
}
.lowercase {
    text-transform: lowercase !important;
}
.mb {
    margin-bottom: 30px !important;
}
.mb-half {
    margin-bottom: 15px !important;
}
.margin-0 {
    margin: 0 !important;
}
.is-normal-size {
    font-size: 1rem;
}
.col-border+.col, .col-divided+.col {
    padding-left: 50px;
}
.uppercase, h6, span.widget-title, th {
    letter-spacing: normal;
}
td, th {
    font-size: .95em;
}
#main ul:not(.nav) {
    margin-left: 1.6rem;
}
#main ul:not(.nav):not(.nav-pagination) li {
    position: relative;
    list-style: none;
}
#main ul:not(.nav) li:before {
    content: "";
    display: block;
    position: absolute;
    left: -1.6rem;
    top: 0.2rem;
    width: .95em;
    height: .95em;
    border: 1px solid #004bc1;
    background: #004bc1;
    border-radius: 15%;
    box-shadow: 0px 0px 0px 0.25em #fff inset;
    opacity: .3;
}
/*
#main ul:not(.nav) ul {
    margin-top: .75em;
    font-size: .95em;
    opacity: .95;
}
*/
ul:not(.nav) ul {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 1em;
    font-size: .95em;
    opacity: 1;
}

#main ul:not(.nav) ul li:before {
    top: 0.35rem;
    width: .9em;
    height: .9em;
}
ol {
    list-style-type: none;
    counter-reset: ordered;
    margin-left: 2.2rem;
}
ol > li{
    position: relative;
    list-style:none; 
}
ol > li::before {
    content: counter(ordered);
    counter-increment: ordered;
    position: absolute;
    left: -2.2rem;
    top: 0.2rem;
    width: 1.35em;
    height: 1.35em;
    border: 1px solid #004bc1;
    background: transparent;
    border-radius: 50%;
    opacity: .3;
    font-size: 0.95em;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #004bc1;
}
a.button {
    text-decoration: none !important;
}
.button.is-outline, input[type=button].is-outline, input[type=reset].is-outline, input[type=submit].is-outline {
    border: 1px solid;
}
.button.is-outline {
    line-height: 3.055em;
}
.button.icon {
    min-width: 3.2em;
}
.button, button, input[type=button], input[type=reset], input[type=submit] {
    min-height: 3.2em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 3.2em;
    font-size: .9em;
	border-radius: 5px;
}
.is-outline {
    color: #7c90a8;
}
.nav>li {
    margin: 0 20px;
}
.nav>li>a {
    font-size: 1.1rem;
    font-weight: 500;
}
.nav-uppercase>li>a {
    letter-spacing: normal;
}
.nav-column:not(.dark) li.active>a, .nav-dropdown:not(.dark) li.active>a, .nav:not(.dark)>li.active>a, .nav:not(.dark)>li.current>a, .nav:not(.dark)>li>a.active, .nav:not(.dark)>li>a.current {
    color: var(--fs-color-primary);
}
.nav-column li>a:hover, .nav-dropdown>li>a:hover, .nav-vertical-fly-out>li>a:hover, .nav>li>a:hover {
    color: #111;
}
.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {
    color: #395288;
}
.nav.nav-vertical li a { 
    padding: .875rem 0;
}
.nav.nav-vertical li a:hover {
    text-decoration: none !important;
}
.svg100 svg {
    width: 100%;
    height: auto;
}

/*** Header  ***/
.header-main{
    /*background:radial-gradient(425.02px at 50% 50%, #104D82 0%, #234161 100%);*/
    background: radial-gradient(35.94% 1066.18% at 13% 50%, #397c76 0%, #3c5790 100%);
    /*background: radial-gradient(35.94% 1066.18% at 10% 50%, #005caa 0%, #122945 100%);*/
}
#logo {
    width: 20.2rem !important;
    display: flex;
    align-items: center;
    flex-direction: column;
}
#logo a {
    max-width: 8rem !important;
}
.logo-tagline {
    font-style: normal;
    color: #fff;
    font-weight: 500;
    font-size: 1.8rem;
    font-variant: small-caps;
    line-height: 1.1em;
    max-width: 795px;
    letter-spacing: 1px;
    margin: 0 0 0 0.2em;
}
.has-dropdown .icon-angle-down {
    font-size: 1em;
    margin-left: .5em;
    margin-top: .15em;
    opacity: .9;
}
ul.nav-dropdown {
    padding: 1.5rem 2.5rem;
}
ul.nav-dropdown li {
    width: 33%;
    float: left;
    margin-bottom: .6rem;
    margin-top: .6rem;
}
ul.nav-dropdown li a {
    border: none !important;
}
.nav-dropdown.dark>li.active >a, .nav-dropdown.dark>li>a:hover {
    color: #FFEB3B;
}

.edata-link{
  display: inline-flex;
  align-items: center;
  gap: .5em;
  color: #fff; /* білий текст */
  text-decoration: none;
  font-weight: 500;
  transition: opacity .3s ease;
}

.edata-link:hover{
  opacity: .8;
}

.edata-icon{
  width: 20px;
  height: 20px;
  object-fit: contain;
  display: inline-block;
}

/*** Input **/
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    box-shadow: none;
    font-size: .97em;
    height: 3.2em;
    padding: 0 .75em;
}
input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, select:focus, textarea:focus {
    box-shadow: none;
    border-color: #333;
}

/*** Table style  ***/

table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
    text-align: left;
}

th, td {
    padding: 12px 15px;
    border-bottom: 1px solid #dddddd;
}

th {
    color: #ffffff;
    letter-spacing: 0.1em;
}
tr:nth-child(even) {
    background-color: #f3f3f3;
}
td:first-child, th:first-child {
    padding-left: 12px;
}

/* Масштабування таблиці на менших розширеннях */
@media (max-width: 768px) {
    table {
        transform: scale(1); 
    }
}

/*** Header phone number  ***/
.header .is-outline {
    color: #ffffff;
}
.header .button.is-outline.icon {
    margin-left: .8em;
    margin-right: .12em;
}
 .line-num {
    color: #fff;
    text-align: center;
}

.line-num_title {
    font-size: .95rem;
    font-weight: 200;
    opacity: .6;
    text-transform: lowercase;
}

.line-num_num {
    font-weight: 500;
    font-size: 1.5rem;
    color: #fff;
}
.line-num_num:hover {
    color: #fff;
    text-decoration: underline;
}

/*** CHILDREN LINK PAGE ***/
.page_title {
    margin: 0 auto;
    margin-bottom: 25px;
}
.page_title-text {
    /*font-size: 1.77rem;*/
    font-size: 1.9em;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.2;
    color: #1D1D1D;
}
.page_title-desc {
    font-size: .77em;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #6D727C;
}
.children-links {
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    margin: 20px 0 40px;
    padding: 10px 0;
}
.children-links_item {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    padding-left: 50px;
    transition: 0.3s ease-in-out;
}
.children-links_item:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    transition: 0.3s ease-in-out;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAYAAABGbhwYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB5SURBVHgBlZHdDYAgDIQPdQ8dRd5MXEJHcRLX8A11EhYB5EeigRr1EpKGXr82LZCqE41/iVhmKgvhY6U5Fi5jqgCtUHAjM7J1oDqTjGSGfp9JIkx7xt5sjZvBq9hawegp/y9rSxwuohp/zPjB5FJP65HpHkG2Ji5zAC2FNtlU4sg/AAAAAElFTkSuQmCC")
}
.children-links_item:hover:before {
    left: 25px;
}
.children-links a {
    padding-right: 30px;
    line-height: 1.2rem;
    font-size: 1.22rem;
    font-weight: 400;
}

/*** Document archive ***/
.tax-category-document #content ul, .post-type-archive ul {
    columns: 3;
}
.tax-category-document #content li > ul, .post-type-archive #content li > ul {
    columns: 1;
    margin-top: 1rem;
    margin-left: 1rem !important;
}
.doc-article {
    background: #fff;
    border: 1px solid #DAE0EA;
    border-radius: 4px;
    padding: 20px 20px 0;
    margin-bottom: 20px !important;
}
.doc-article > .col {
    flex:1;
}
.text-muted {
    color: #6D727C;
}
.text-muted-sm {
    font-size: .875em;
    margin-bottom: 8px;
}
.text-muted-m {
    font-size: .95em;
    margin-bottom: 8px;
}
.attachment a {
    display: inline-flex;
    position: relative;
    padding-left: 20px;
    line-height: 1.2;
}
.attachment a:before {
    position: absolute;
    top: 3px;
    left: 2px;
    width: 10px;
    height: 18px;
    content: '';
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHdpZHRoPSIxNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDE0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggZD0iTTcgMjRDNS4xNDM0OCAyNCAzLjM2MzAxIDIzLjI2MjUgMi4wNTAyNSAyMS45NDk3QzAuNzM3NDk4IDIwLjYzNyAwIDE4Ljg1NjUgMCAxN1Y1QzAgMy42NzM5MiAwLjUyNjc4NCAyLjQwMjE1IDEuNDY0NDcgMS40NjQ0N0MyLjQwMjE1IDAuNTI2Nzg0IDMuNjczOTIgMCA1IDBDNi4zMjYwOCAwIDcuNTk3ODUgMC41MjY3ODQgOC41MzU1MyAxLjQ2NDQ3QzkuNDczMjIgMi40MDIxNSAxMCAzLjY3MzkyIDEwIDVWMTdDMTAgMTcuNzk1NiA5LjY4MzkzIDE4LjU1ODcgOS4xMjEzMiAxOS4xMjEzQzguNTU4NzEgMTkuNjgzOSA3Ljc5NTY1IDIwIDcgMjBDNi4yMDQzNSAyMCA1LjQ0MTI5IDE5LjY4MzkgNC44Nzg2OCAxOS4xMjEzQzQuMzE2MDcgMTguNTU4NyA0IDE3Ljc5NTYgNCAxN1Y3QzQgNi43MzQ3OCA0LjEwNTM2IDYuNDgwNDMgNC4yOTI4OSA2LjI5Mjg5QzQuNDgwNDMgNi4xMDUzNiA0LjczNDc4IDYgNSA2QzUuMjY1MjIgNiA1LjUxOTU3IDYuMTA1MzYgNS43MDcxMSA2LjI5Mjg5QzUuODk0NjQgNi40ODA0MyA2IDYuNzM0NzggNiA3VjE3QzYgMTcuMjY1MiA2LjEwNTM2IDE3LjUxOTYgNi4yOTI4OSAxNy43MDcxQzYuNDgwNDMgMTcuODk0NiA2LjczNDc4IDE4IDcgMThDNy4yNjUyMiAxOCA3LjUxOTU3IDE3Ljg5NDYgNy43MDcxMSAxNy43MDcxQzcuODk0NjQgMTcuNTE5NiA4IDE3LjI2NTIgOCAxN1Y1QzggNC4yMDQzNSA3LjY4MzkzIDMuNDQxMjkgNy4xMjEzMiAyLjg3ODY4QzYuNTU4NzEgMi4zMTYwNyA1Ljc5NTY1IDIgNSAyQzQuMjA0MzUgMiAzLjQ0MTI5IDIuMzE2MDcgMi44Nzg2OCAyLjg3ODY4QzIuMzE2MDcgMy40NDEyOSAyIDQuMjA0MzUgMiA1VjE3QzIgMTguMzI2MSAyLjUyNjc4IDE5LjU5NzkgMy40NjQ0NyAyMC41MzU1QzQuNDAyMTUgMjEuNDczMiA1LjY3MzkyIDIyIDcgMjJDOC4zMjYwOCAyMiA5LjU5Nzg1IDIxLjQ3MzIgMTAuNTM1NSAyMC41MzU1QzExLjQ3MzIgMTkuNTk3OSAxMiAxOC4zMjYxIDEyIDE3VjdDMTIgNi43MzQ3OCAxMi4xMDU0IDYuNDgwNDMgMTIuMjkyOSA2LjI5Mjg5QzEyLjQ4MDQgNi4xMDUzNiAxMi43MzQ4IDYgMTMgNkMxMy4yNjUyIDYgMTMuNTE5NiA2LjEwNTM2IDEzLjcwNzEgNi4yOTI4OUMxMy44OTQ2IDYuNDgwNDMgMTQgNi43MzQ3OCAxNCA3VjE3QzE0IDE4Ljg1NjUgMTMuMjYyNSAyMC42MzcgMTEuOTQ5NyAyMS45NDk3QzEwLjYzNyAyMy4yNjI1IDguODU2NTIgMjQgNyAyNFoiIGZpbGw9IiMwMDRCQzEiIC8+Cjwvc3ZnPg==")
}


/*** BLOG ARCHIVE ***/
.posts-timeline__date {
    margin-top: 1rem; 
    margin-bottom: 2rem; 
}
.posts-timeline__date span:first-child{
    font-size: 1.4rem;
    font-weight: 600;
}
.posts-timeline__date span:last-child{
    font-size: .88em;
    color: #4B4B4D;
}
.posts-timeline--item {
    position: relative;
    padding-left: 100px;
    padding-bottom: 25px;
}
.posts-timeline--item:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    left: 52px;
    top: 5px;
    background-color: #E0E0E0;
    z-index: 1;
}
.posts-timeline--item:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 60px;
    top: 20px;
    background-color: rgba(51, 51, 51, 0.2);
}
.posts-timeline--item:last-child:after {
    height: 40%;
}
.timeline-item__time {
    position: absolute;
    left: 0;
    top: 8px;
    font-size: .88em;
    line-height: 1em;
    color: #4B4B4D;
}
.timeline-item {
    display: flex;
    gap: 1.5em;
    border: 1px solid rgba(51, 51, 51, 0.1);
}
.timeline-item img {
    max-width: 210px;
    flex: 0 0 210px;
    object-fit: cover;
    aspect-ratio: 1 / .8;
}
.timeline-item__info {
    padding-top: 1rem;
    padding-bottom: .4rem;
    padding-right: 1rem;
}
.timeline-item__info h3 {
    color: #004bc1;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.5em;
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-bottom: 1em;
}
.timeline-item__info .post-category {
    font-size: .88em;
    color: #4B4B4D;
    margin-bottom: .5rem;
}
.timeline-item__info .post-tags span {
    border: 1px solid var(--fs-color-primary);
    border-radius: 10px;
    font-size: .88rem;
    line-height: normal;
    padding: 0.4em .8em;
    margin-right: .5rem;
}

/*** SINGLE POST ***/
/*.entry-content.single-page {
    font-size:1.125rem;
}*/

.blog-single .entry-header {
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    margin-bottom: .75rem;
    padding-bottom: 1.5rem;
}
.blog-single .entry-title {
    font-size: 1.8rem;
    line-height: 1.2;
    margin-bottom: 1.25rem;
}
.blog-single .entry-meta {
    margin-bottom: 1.5rem;
}
.updated, .published {
    display: none;
}
.post-tags{
    margin-top: 1rem;
}
.post-tags .tag-item {
    border: 1px solid var(--fs-color-primary);
    border-radius: 10px;
    font-size: .88rem;
    line-height: normal;
    padding: 0.4em .8em;
    margin-right: .5rem;
    color: #000;
    transition: .3s all;
    display: inline-block;
}
.post-tags .tag-item:hover {
    background-color: #3c5790;
    color: #fff;
    text-decoration: none !important;
}
/*post single anons*/
.anons_date_loc {
    margin-top: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4rem;
    align-items: center;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    padding-top: 1.5rem;
    margin-bottom: -1.5rem;
}
.anons_date_time {
    display: flex;
    gap: 2rem;
}
.anons_date {
    display: flex;
    text-align: left;
    width: 100%;
    position: relative;
    justify-content: flex-start;
    align-items: center;
}
.anons_date-left {
    
}
.anons_date-day {
    font-size: 2.66rem;
    text-align: center;
    margin-right: 5px;   
}
.anons_date-right {
    display: flex;
    flex-direction: column;    
}
.anons_date-moth, .anons_date-year {
    text-transform: uppercase;
    font-size: 1.11rem;
    font-weight: 500;
    display: flex;
    align-items: flex-end;
    margin-bottom: 0;
}
.anons_date-year {
    font-size: .8rem;
}
.anons_time-count {
    font-size: 2.66rem;
    text-align: center;
    margin-right: 5px;
    display: flex;
}
.anons_time-count sup{
    font-size: 1.3rem;
    font-weight: 500;    
}
.anons_loc {
    display: flex;
    flex-direction: column;
    font-size: 1.3rem;
    font-weight: 500;
}
.anons_loc span{
    text-transform: lowercase;
    opacity: .9;
    font-size: .9rem;
    font-weight: 300;
}

/*** SHORTCODE TEXT BUTTON ***/
.text-button {
    display: flex;
    align-items: flex-start;
    max-width: 740px;
    gap: 2rem;
    margin-bottom: 1.3rem;
}
.text-button .text-button__info {
    border: 1px solid #ececec;
    padding: 1rem 1rem 0rem 1rem;
    width: 100%;
    font-size: 1rem;
}
.text-button .button {
    margin: 0;
}


/*** PEOPLE ARCHIVE ***/
.people-container a:hover {
    text-decoration: none !important;
}
.people-container a:hover .people-photo img{
    opacity: .6;
}
.people-photo img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    max-width: 195px;
    border-radius: 10px;
}
.people-photo + h3 {
    margin-top: 1em !important;
    margin-bottom: .2em !important;
    color: #004bc1;
    font-size: 1.1rem;
}
.people-photo + p {
    font-size: .95rem;
}

/*** PEOPLE single ***/
.col.people-short-info {
    padding-right: 25px;
}
.people-short-info img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 15px;
}
.tabbed-content > .nav-line-bottom > li{
    margin: 0 5px;
}
.tabbed-content > .nav-line-bottom > li > a{
    padding: 15px 20px;
    font-size: 1rem;
    color: #292929;
}
.tabbed-content > .nav-line-bottom > li:hover > a, .tabbed-content > .nav-line-bottom > li.active > a{
    background-color: rgba(0, 75, 193, 0.05);
    text-decoration: none !important;
}

.people-main-info .children-links_item {
    padding-left: 25px;
}
.people-main-info .children-links_item:before {
    left: 0;
}
.people-main-info .children-links_item:hover:before {
    left: 8px;
}

/*** STRUCTURE SINGLE ***/
.people-main-info .children-links_item {
    padding-left: 25px;
}
.people-main-info .children-links_item:before {
    left: 0;
}
.people-main-info .children-links_item:hover:before {
    left: 8px;
}
.people-main-info .children-links-col.col{
    padding-bottom: 15px;
}

.structure-people img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    max-width: 65px;
    border-radius: 99px;
}
.structure-people a {
    display: flex;
    gap: 1.2rem;
    align-items: center;
}
.structure-open {
    border: 1px solid #e6e6e6;
    padding: 5px 12px;
    border-radius: 3px;
    margin-bottom: .4em;
    font-size: 1rem;
}
.structure-open.open-is{
    border-color: var(--fs-color-primary);
}



/*фІЛЬТЕР*/
.wpc-filter-title {
    margin-bottom: .5em !important;
    font-weight: 500;
}
.wpc-filters-section {
    margin-bottom: 0 !important;
}
.wpc-edit-filter-set {
    display: none;
}
.wpc-filters-section form {
    margin-bottom: 0em;
}

/*НАВІГАЦІЯ*/
.vsn-widget .vertical-subnav.nav-line > li > a::before { 
content:" " !important; 
display:block !important; 
}


.vsn-widget .vertical-subnav > li::before { 
content:none !important; 
display:none !important; 
}


.vsn-widget .vertical-subnav.nav-line > li.active > a::before,
.vsn-widget .vertical-subnav.nav-line > li.current-menu-item > a::before,
.vsn-widget .vertical-subnav.nav-line > li.current-menu-ancestor > a::before { 
opacity:1 !important; 
}

.vsn-widget .vertical-subnav li.active > a,
.vsn-widget .vertical-subnav .current-menu-item > a { 
font-weight:600; 
}


.vsn-widget .vertical-subnav > li { 
position:relative; 
}
.vsn-widget .vertical-subnav > li > a { 
display:block; 
position:relative; 
padding-right:2rem; 
line-height:1.35; 
}
/*
.vsn-widget .vertical-subnav .vsn-toggle{
  position:absolute !important; 
  right:.6rem; 
  top:.9em; 
  transform:none;
  width:1.5em; 
  height:1.5em; 
  margin:0; 
  padding:0; 
  border:0; 
  background:transparent; 
  cursor:pointer;
  display:flex; 
  align-items:center; 
  justify-content:center;
}
*/
.vsn-widget .vertical-subnav .vsn-toggle {
    position: absolute !important;
    right: .6rem;
    top: .3em;
    transform: none;
    width: 1.5em;
    height: 1.5em;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vsn-widget .vertical-subnav .vsn-toggle > i{ 
font-size:1em; 
line-height:1; 
display:block; 
}


.vsn-widget .vertical-subnav .sub-menu { 
list-style:none; 
margin:.35rem 0; 
padding-left:0; 
}

.vsn-widget .vertical-subnav .sub-menu > li { 
position:relative; 
}
/*
.vsn-widget .vertical-subnav .sub-menu > li > a{
  display:inline-block; 
  position:relative; 
  padding:.2rem 0 .2rem 1.4rem; 
  line-height:1.4;
}
*/
.vsn-widget .vertical-subnav .sub-menu > li > a {
    display: inline-block;
    position: relative;
    padding: .2rem 0 .2rem 1.3rem;
    line-height: 1.4;
}
/*
.vsn-widget .vertical-subnav .sub-menu > li > a::before{
  content:""; 
  position:absolute; 
  left:0; 
  top:.2em;
  width:.65em; 
  height:.65em; 
  border:2px solid #cbd6ea; 
  border-radius:2px; 
  box-sizing:border-box;
}*/


.vsn-widget .vertical-subnav .sub-menu > li > a::before {
    content: "";
    position: absolute;
    left: 0;
    top: .66em;
    width: .65em;
    height: .65em;
    border: 2px solid #cbd6ea;
    border-radius: 2px;
    box-sizing: border-box;
}

.vsn-widget .vertical-subnav .sub-menu > li::before { 
content:none !important; 
display:none !important; 
}

.vsn-widget .vertical-subnav .sub-menu > li.menu-item-has-children > a{ 
padding-right:1.75rem; 
}
.vsn-widget .vertical-subnav .sub-menu > li > .vsn-toggle{ 
right:.35rem; 
top:.75em; 
}

.nav-vertical>li>ul li a { 
color:#3c5790; 
transition:color .2s; 
}

.ux-news-slider .slide .pl-2.pr-2 { 
padding-top: .5rem; 
padding-bottom: .5rem; 
}
.ux-news-slider h3 { 
line-height: 1.25; 
}

/*SLIDER*/
.ifm-hero-slider { 
position: relative;
 width: 100%; 
 }

.ifm-hero{
  display:block; position:relative; width:100%;
  height:var(--ifm-hero-h, 60vh);
  min-height:380px;
  background-size:cover; background-position:center;
  border-radius:10px; overflow:hidden;
  z-index:1; /* нижче за навігацію */
}

.ifm-hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.45) 100%);
  z-index:2; pointer-events:none;
}

.ifm-hero-content{
  position:absolute; inset:0;
  display:flex; flex-direction:column; justify-content:flex-end;
  gap:.4rem; padding:22px 26px; padding-bottom:56px; /* місце під крапки */
  color:#fff; text-shadow:0 1px 12px rgba(0,0,0,.25);
  z-index:3;
}
.ifm-hero-content.items-center{ 
align-items:center; 
text-align:center; 
}
.ifm-hero-content.items-start{  
align-items:flex-start; 
text-align:left; 
}
.ifm-hero-content.items-end{    
align-items:flex-end; 
text-align:right; 
}

.ifm-hero-date{ 
opacity:.9; 
font-size:.95rem; 
}
.ifm-hero-title{ 
color:#fff; 
line-height:1.2; 
}
.ifm-hero-excerpt{ 
opacity:.95; 
max-width:900px; 
display:block; 
}
.button.is-white{ 
color:#fff; 
border-color:rgba(255,255,255,.8); 
}
.button.is-white:hover{ 
background:rgba(255,255,255,.12); 
}

@media (max-width: 549px){
  .ifm-hero{ min-height:300px; }
  .ifm-hero-content{ padding:16px; padding-bottom:56px; }
}

.ifm-hero-slider .flickity-prev-next-button{
  position:absolute; top:50%; transform:translateY(-50%);
  z-index:5; width:42px; height:42px;
  background:rgba(0,0,0,.35); border-radius:999px;
  box-shadow:0 6px 20px rgba(0,0,0,.2);
}
.ifm-hero-slider .flickity-prev-next-button.previous{ left:16px; }
.ifm-hero-slider .flickity-prev-next-button.next{ right:16px; }
.ifm-hero-slider .flickity-prev-next-button .arrow{ fill:#fff; }
@media (max-width:549px){
  .ifm-hero-slider .flickity-prev-next-button{ width:36px; height:36px; }
  .ifm-hero-slider .flickity-prev-next-button.previous{ left:10px; }
  .ifm-hero-slider .flickity-prev-next-button.next{ right:10px; }
}

.ifm-hero-slider .flickity-page-dots > li::before { 
content: none !important; 
}

.ifm-hero-slider .flickity-page-dots{
  position:absolute; left:55%; transform:translateX(-50%);
  bottom:12px; display:flex; gap:10px;
  z-index:100; pointer-events:auto;
  counter-reset: slide; 
}

.ifm-hero-slider .flickity-page-dots .dot{
  list-style:none;
  position:relative;
  width:28px; height:28px;              
  display:inline-flex; align-items:center; justify-content:center;
  margin:0; padding:0; background:none; border:0;
  cursor:pointer; opacity:1; pointer-events:auto;
}

.ifm-hero-slider .flickity-page-dots .dot::after{
  content: counter(slide); 
  counter-increment: slide;
  display:flex; 
  align-items:center; 
  justify-content:center;
  width:1.65em; height:1.65em; 
  border-radius:50%;
  border:1px solid #fff;/
  color:#fff;           
  line-height:1; 
  font-size:.95em; 
  opacity:.95;
  transition:all .2s ease;
  pointer-events:none;   
  color: #fff;
}
.ifm-hero-slider .flickity-page-dots .dot:hover::after{ 
opacity:1; 
}

.ifm-hero-slider .flickity-page-dots .dot.is-selected::after {
    background: #3c5790;
    color: #fff;
    border-color: #3c5790;
    opacity: 1;
}


.ifm-hero-slider.dark-dots .flickity-page-dots .dot::after{
  border-color:#fff; 
  color:#fff; 
  background:transparent; 
  opacity:.9;
}

.ifm-hero-slider.dark-dots .flickity-page-dots .dot.is-selected::after{
  background:#fff; 
  color:#000; 
  border-color:#fff;
}


/*pagination*/
#main ul.nav-pagination,
#main ul.page-numbers,
#content ul.page-numbers,
.pagination-wrapper ul.page-numbers {
    list-style: none;
    margin: 2em auto 0;
    padding-left: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    justify-content: center;
    columns: auto;
}
#main ul.nav-pagination li,
#main ul.page-numbers li,
#content ul.page-numbers li,
.pagination-wrapper ul.page-numbers li {
    position: static;
    list-style: none;
    margin: 0;
}
#main ul.nav-pagination li:before,
#main ul.page-numbers li:before,
#content ul.page-numbers li:before,
.pagination-wrapper ul.page-numbers li:before {
    content: none;
    display: none !important;
}
.nav-pagination>li>a,
.nav-pagination>li>span,
ul.page-numbers>li>a,
ul.page-numbers>li>span {
    border: 1px solid;
    font-weight: 500;
    height: 2.45em;
    line-height: normal;
    min-width: 2.45em;
    padding: 5px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*home blocks*/

/* ===== Новий макет для [news]: список → "Актуальне" з картками ===== */

/* Контейнер шорткоду */
.news-post-container{ display:block; }

/* Загальні заголовки/ховери як було */
.news-post-container h3, .news-post-container h5{
  margin-bottom:.5rem !important;
  margin-top:0 !important;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
  overflow:hidden; text-overflow:ellipsis;
  color:#3c578f;
}
.news-post-container p{ line-height:normal !important; }
.news-post-container a:hover{ text-decoration:none !important; }
.news-post-container a:hover h3,
.news-post-container a:hover h5{ text-decoration:underline !important; color:#3c578f !important; }
.news-post-container .text-muted-sm{ margin-bottom:5px; }

/* --- 1) СПИСОК БЕЗ КАРТИНОК --- */
.news-list.no-thumbs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px 24px;
}
.news-list.no-thumbs .news-post.regular-post a{ display:block; }

/* Респонсив для списку */
@media (max-width: 849px){
  .news-list.no-thumbs{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 549px){
  .news-list.no-thumbs{ grid-template-columns:1fr; }
}

/* --- 2) Розділювач і заголовок "Актуальне" — лишаємо як у HTML --- */
/* (стиль береться з теми; за потреби можна додати margin тут) */

/* --- 3) ҐРІД З КАРТИНКАМИ "АКТУАЛЬНЕ" --- */
.news-grid-with-thumbs .row > .image-post{ padding-bottom:20px; }
.news-grid-with-thumbs img{
  width:100%; height:auto;
  aspect-ratio:16/9; object-fit:cover;
  border-radius:4px;
}
.news-grid-with-thumbs h5{
  margin-top:.5rem !important;
  -webkit-line-clamp:2; /* на картках 2 рядки */
}

/* Респонсив для карток керується вашими класами col large-4 medium-6 small-12,
   додатковий паддінг на вузьких ширинах: */
@media (max-width: 549px){
  .news-grid-with-thumbs .row{ margin-left:-8px; margin-right:-8px; }
  .news-grid-with-thumbs .row > .col{ padding-left:8px; padding-right:8px; }
}

/* --- СТАРІ КЛАСИ (first/middle) вимикаємо, щоб не заважали новому макету --- */
.news-post.first-post,
.news-post-container-top,
.news-post.middle-post{ display:none; }
.home .selected-people {
    width: 100%;
    flex: 100%;
    max-width: 100%;
    background: rgba(0, 75, 193, 0.05);
    margin: 0 15px;
    padding-top: 15px;
}
/*anonsy*/
.date-time-line {
    margin-top: 1.3rem;
    margin-bottom: 2rem;
}
.date-time-line:last-child {
    margin-bottom: .5rem;
}
.time-line-s {
    position: relative;
    padding-left: 75px;
    padding-bottom: 25px;
}
.time-line-s a{
    font-weight: 500;
}
.row-s-time-line h4 {
    margin-bottom: .85em;
    font-weight: 500;
}
.row-s-time-line > .col > .col-inner {
    max-height: 600px;
    overflow-y: auto;
    scrollbar-color: #3c5790; #f0f0f0;
    scrollbar-width: thin;
}
.row-s-time-line > .col:first-child {
    margin: -18px -15px 0 15px;
    padding-top: 30px;
    padding-left: 25px;
    background: #f2f6fc;
}
.row-s-time-line > .col:last-child {
    padding-left: 45px;
    padding-top: 15px;
}
.time-line-s__clock {
    position: absolute;
    left: 0;
    top: 8px;
    font-size: .88em;
    line-height: 1em;
    color: #4B4B4D;
}
.time-line-s:before {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 25%;
    position: absolute;
    left: 50px;
    top: 9px;
    background-color: #3c5790;
    z-index: 1;
}
.time-line-s:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 55px;
    top: 20px;
    background-color: rgba(51, 51, 51, 0.2);
}
.time-line-s:last-child:after {
    height: 20%;
}




/*menu*/
.off-canvas .nav.nav-vertical li a {
    padding: 0;
}
.off-canvas:not(.off-canvas-center) li.html {
    padding: 20px;
    padding-top: 20px;
    padding-bottom: 0;
}
.off-canvas-center.mfp-bg.mfp-ready {
    opacity: 1;
} 
.off-canvas-left.dark .mfp-content, .off-canvas-right.dark .mfp-content {
    background-color: rgb(39, 48, 67);
}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
    --drawer-width: 100% !important;
}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    color: #fff;
    padding: 0.675rem 0;
    padding-left: 20px;
    padding-right: 20px;
}
.off-canvas .nav-sidebar.nav-vertical>li+li {
    border: none;
}
.off-canvas .nav-slide {
    padding-top: 100px;
}
.off-canvas .toggle {
    margin: 0 20px 0 0;
    opacity: 1;
    min-height: auto;
    min-width: auto;
    width: auto;
}


.nav-slide-header .toggle {
    padding-left: 20px;
    font-size: 1.1rem;
    font-weight: 400;
    opacity: .9;
}
.nav-slide-header .toggle i {
    font-size: 1.1em;
    margin-right: 6px;
}
.mobile-sidebar-levels-1 .nav-slide>li>.sub-menu.is-current-slide, .mobile-sidebar-levels-1 .nav-slide>li>ul.children.is-current-slide {
    padding-top: 50px;
}
.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header), .mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header) {
    border-top: none;
}
.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>a, .mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>a {
    color: #fff;
    letter-spacing: normal;
    padding: 0.675rem 0;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1.1rem;
    font-weight: 500;
    text-transform: none;
}


.mfp-close svg {
    stroke: #000;
    stroke-width: 1.2px;
    width: 38px;
    height: 38px;
}
.mfp-ready .mfp-close {
    opacity: 1;
    top: 15px;
    right: 0;
    background: #fff;
    mix-blend-mode: normal;
    color: #000;
    width: 30px;
    height: 30px;
    line-height: normal;
    display: flex
;
    align-items: center;
    justify-content: center;
}


/*Структурка архіву */
/* Мінімалістичний список розділів без зображень */
.struct-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.struct-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  background: #fff;
  text-decoration: none;
  transition: border-color .15s ease, box-shadow .15s ease, transform .12s ease;
}

.struct-item:hover {
  border-color: rgba(0,0,0,.15);
  box-shadow: 0 6px 14px rgba(0,0,0,.06);
  transform: translateY(-1px);
}

.struct-item__body { min-width: 0; }
.struct-item__title {
  margin: 0 0 4px 0;
  font-size: 1.05rem;
  line-height: 1.35;
  color: #111;
}
.struct-item__desc {
  margin: 0;
  font-size: .95rem;
  color: rgba(0,0,0,.65);
}

.struct-item__chev {
  font-size: 22px;
  opacity: .35;
  line-height: 1;
  transition: transform .12s ease, opacity .12s ease;
}
.struct-item:hover .struct-item__chev { transform: translateX(2px); opacity: .6; }



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .h1, h1 {
        font-size: 1.7em;
    }
    #content {
        font-size: 1rem;
    }
    figure.aligncenter {
        margin-right: auto;
        margin-left: auto;
    }
    .page-vertical-nav > .row > .large-3.col.col-border{
        padding: 0px 0px;
        padding-bottom: 0;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        margin-bottom: 25px;
    }

    .page-vertical-nav .nav.nav-vertical {
        flex-flow: column;
        width: 100%;
        overflow: auto;
    }
    .page-vertical-nav .nav-vertical>li+li {
        border-top: none;
    }    
    .page-vertical-nav .nav.nav-vertical > li > a{
        text-wrap: nowrap;
        white-space: nowrap;
        padding: 12px 12px !important;
    }
    .page-vertical-nav .nav.nav-vertical > li.active > a, .page-vertical-nav .nav.nav-vertical > li:hover > a{
        background-color: rgba(0, 75, 193, 0.05);
    }
    .page-vertical-nav .nav-vertical.nav-line>li>a:before {
        height: 2px;
        left: 50%;
        right: auto;
        width: 100%;
        bottom: 0;
        top: auto;
        z-index: 1;
    }    
    .col {
        padding-bottom: 15px;
    }
    .col-border+.col, .col-divided+.col {
        padding-left: 15px;
    }
    .page_title {
        margin-bottom: 0;
    }
    .page_title-text {
        margin-bottom: 0;
    }
	#logo {
		width: 20.2rem !important;
		display: flex;
		align-items: center;
		flex-direction: row;
	}
	.logo-tagline {
    font-style: normal;
    color: #fff;
    font-weight: 500;
    font-size: 1.8rem;
    font-variant: small-caps;
    line-height: 1.1em;
    max-width: 180px;
    letter-spacing: 1px;
    margin: 0 0 0 0.2em;
}
    #logo a {
        max-width: 6.5rem !important;
    }
    .logo-tagline {
        font-size: .9rem;
        margin: 0 0 0 .8em;
    }
    .page_title-text {
        font-size: 1.4em;
    }
    .tax-category-document #content ul, .post-type-archive ul {
        columns: 1;
    }

    .doc-article > .col {
        flex: 0 0 100%;
    }
    .tax-category-document ul, .post-type-archive ul {
        columns: 1;
    }
    .text-button {
        flex-direction: column;
        gap: .5rem
    }
    .text-button .button {
        width: 100%;
    }
    
    
    .news-post-container {
        flex-wrap: wrap;
    }    
    .news-post.first-post {
        width: 100%;
        flex: 100% 0 0;
        padding-right: 0;
    }
    .news-post.first-post a {
        display: flex;
        align-items: center;
        gap: 1rem;
    }    
    .news-post.first-post img {
        width: 33%;
        aspect-ratio: 2 / 1.6;
    }
    .news-post-container-top {
        width: 100%;
        flex: 100% 0 0;
        margin-top: 1.3rem;
        padding-top: 1rem;
        border-top: 1px solid #ddd;
    }
    .news-post.middle-post:last-child {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }    
     .posts-timeline--item {
        padding-left: 16px;
        padding-bottom: 25px;
    }  
    .posts-timeline--item:before {
        width: 13px;
        height: 13px;
        left: -5px;
        top: 10px;
    }  
    .posts-timeline--item:after {
        left: 2px;
        top: 20px;
    }
    .timeline-item img {
        max-width: 100px;
    }
    .timeline-item__time {
        position: absolute;
        left: 25px;
        top: 11px;
        font-size: .68em;
        line-height: 1em;
        color: #ffffff;
    }    
    .timeline-item__info h3 {
        color: #004bc1;
        font-size: 1.05rem;
        margin-bottom: .8em;
        line-height: 1.3em;
        font-weight: 600;
        margin-bottom: .8em;
    }
    .timeline-item__info .post-category {
        font-size: .78em;
        margin-bottom: .1rem;
    }
    .timeline-item__info .post-tags {
        display: none;
    }    
    
    .line-num_num {
        font-size: 1.6rem
    }
    #cr_version_link {
        display: flex;
        gap: 10px;
        padding: 4px 0px;
    }
    .news-post-container-regular.row > .col {
        padding-bottom: 10px;
    } 
    .news-post-container-regular h5 {
        margin-bottom: .1rem !important;
    }
    .row-s-time-line > .col:first-child {
        margin: -15px 15px 0 15px;
        padding-top: 30px;
        padding-left: 25px;
    }
    .row-s-time-line > .col:last-child {
        padding-left: 35px;
        padding-top: 15px;
    }    
    .anons_date_loc {
        justify-content: flex-start;
        gap: 1rem;
        padding-top: 1rem;
    }    
	
	.page-vertical-nav .row {
		display: flex;        /* гарантуємо flex-контейнер */
		flex-wrap: wrap;
	}
   .page-vertical-nav .content-col {
		order: 1;            
	}
	.page-vertical-nav .col.col-border {
		order: 2;             
	}

    
}