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

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

.logo-social-wrapper {
    display: block;
}

.logo {
    display: block;
    flex-shrink: 1;
}

.search-form--header-area {
    margin: 1.2em 0 0.5em 0;
}

.social-godlo-wrapper {
    display: flex;
    align-items: center;
    justify-content: 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;
}

@media (min-width: 700px) {
    .logo-social-wrapper {
        display: grid;
        grid-template-columns: repeat(16, 1fr);
        align-items: center;
    }
    .logo-hamburger-wrapper {
        grid-column: 1 / 7;
    }
    .search-form--header-area {
        grid-column: 8 / 12;
        margin: 0;
    }
    .social-godlo-wrapper {
        grid-column: 13 / 17;
    }
    .social__list {
        justify-content: flex-end;
    }
}

@media (min-width: 950px) {
    .logo-hamburger-wrapper {
        grid-column: 1 / 8;
    }
    .search-form--header-area {
        grid-column: 9 / 13;
    }
    .social-godlo-wrapper {
        grid-column: 14 / 17;
    }
    .social__list {
        justify-content: flex-end;
    }
}

.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-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) {
    border-top: var(--sidebar-addon-border, 1px solid #d5d5d5);
    margin-top: 0;
}

.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: 0.4em 0;
    line-height: 1.2;
    padding-left: 1em;
    position: relative;
}

.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;
}
