:root {
    --news-item-read-more-align: right;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*-*- header -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.header-area__inside {
    display: flex;
    flex-direction: column;
    gap: 20px;

    @media (min-width: 700px) {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;

        .logo {
            flex-shrink: 1;
        }

        .search-form--header-area {
            flex-basis: 300px;
            margin-left: auto;
        }
    }

    @media (min-width: 900px) {
        flex-wrap: nowrap;
    }

    .social-godlo-wrapper {
        display: flex;
        align-self: center;
        gap: 1em;

        .social__list {
            padding: 0.5em 0;
            gap: 0.5em;
            margin: 0;
            list-style: none;
            display: flex;
            justify-content: center;
        }

        .social__link {
            min-width: 3em;
            min-height: 3em;
            max-width: min-content;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 100%;
        }

        .social__icon {
            fill: #fe3197;
        }

        .social__item:nth-child(1) {
            margin-right: 0.5em;
        }

        .social__item:nth-child(1) .social__icon {
            transform: scale(1);
        }

        .social__item:nth-child(2) .social__icon {
            transform: scale(0.7);
        }

        .social__item:nth-child(3) .social__icon {
            transform: scale(0.7);
        }

        .social__link:hover .social__icon,
        .social__link:focus .social__icon {
            fill: #c3307a;
        }

        .godlo {
            max-width: max-content;
        }
    }
}

.banner-area {
    padding: 1em;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*-*- menu -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

@media (min-width: 700px) {
    .header-nav-ul {
        justify-content: center;
    }
    .header-nav-ul > li {
        border-bottom: 3px solid transparent;
    }
    .header-nav-ul > li:hover,
    .header-nav-ul > li:focus {
        border-bottom: 3px solid var(--header-nav-item-border-color, yellow);
    }
    .header-nav-ul > li:hover a,
    .header-nav-ul > li:focus a {
        text-decoration: none;
    }
    .menu-area {
        background: var(--menu-area-background, #000);
        padding: 13px 0 10px 0;
    }
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*-*- main -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.main-area__inside {
    gap: 15px;
}

.main-column {
    background: var(--main-column-background, #000);
}

.main-column__inside {
    padding: 0 1.3em;
}

.news-item {
    padding-bottom: 2em;
    margin-bottom: 2em;
}

.news-item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: var(--news-list-items-separator-border, 1px dashed #d5d5d5);
}

.news-item__title {
    font-weight: 300;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*-*- sidebar -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.sidebar-second__inside {
    background: var(--sidebar-second-bg, #000);
    padding: 0 1em;
}

.sidebar-first__inside > * + *:not(.nav-addon, .survey-addon) {
    background: var(--sidebar-first-bg, #000);
    color: var(--sidebar-first-color, #fff);
    padding: 1em;
}
.sidebar-first__inside .text-addon a {
    color: var(--link-color);
}
.sidebar-first__inside .text-addon a:hover,
.sidebar-first__inside .text-addon a:focus {
    color: var(--link-hover-color);
}

.search-form {
    transition: var(--transition);
}

.search-form__input {
    padding: 6px 33px 6px 5px;
}

.nav-addon {
    background: var(--sidebar-nav-bg, #000);
    padding: 0;
}

.nav-addon .sf-menu li:not(:last-child) {
    border-bottom: var(--sidebar-nav-border, 1px solid #dadada);
}

.nav-addon .sf-menu > li > a {
    padding: 10px 0;
    line-height: 1.2;
    padding-left: 1em;
    position: relative;
}
.sidebar__addon .sf-menu ul a {
    padding: 10px 0;
}

.nav-addon .sidebar__addon-header {
    padding: 0.6em 0.6em 0 0.6em;
    color: #fff;
}

.nav-addon .sidebar__addon-header {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}