/* Widget – timeline */
.widget__title {
  font-size:1.4rem;
  font-weight:700;
  text-transform:uppercase;
}
.f-link .uk-icon {
  transform:translateX(-2px);
  transition:transform var(--global-transition);
}
.f-link:hover .uk-icon {
  transform:translateX(0);
}
#widget-timeline-news ul {
  position:relative;
}
#widget-timeline-news ul:after {
  content:'';
  position:absolute;
  left:48px;
  top:0;
  height:100%;
  width:1px;
  background:#333;
}
#widget-timeline-news .line {
  padding-bottom:16px;
}
#widget-timeline-news .line:hover time, #widget-timeline-news .line:hover a {
  color:#fff;
}
#widget-timeline-news .line time {
  font-size:1.2rem;
  margin-right:24px;
  margin-top:2px;
  color:#888;
  flex:0 40px;
  transition: 250ms;
}
#widget-timeline-news .line a {
  position:relative;
  flex:1;
  color:#fff;
  transition: 250ms;
}
#widget-timeline-news .line a > span {
  vertical-align: bottom;
  margin-right: 4px;
  color:#999;
}
#widget-timeline-news .line a .video {
  color: #ee1a25;
}
#widget-timeline-news .line a:before {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  top: 8px;
  left: -18px;
  border-radius: 1px;
  background: #4870b6;
  z-index: 2;
}
#widget-timeline-news .line:last-child {
  padding-bottom:0;
}

.news-feed .news-feed__item {
  display:flex;
  line-height:18px;
  margin:10px 0;
}
.news-feed .news-feed__item .news-feed__title {
  flex:1;
  min-width:1px;
}
.news-feed .news-feed__item time {
  flex:0 35px;
  max-width:35px;
  margin-right:8px;
}
.block-height .video-news {
  margin:0;
  position:relative;
  transition: 250ms;
}
.block-height .video-news:hover figure img {
  opacity:1;
}
.block-height .video-news figure {
  margin:0;
  height:100%;
  width:100%;
}
.block-height .video-news figure img {
  object-fit: cover;
  width:100%;
  height:100%;
  transition: 250ms;
}
.block-height .video-news .content {
  position:absolute;
  left:0;
  right:0;
  bottom: 0;
  padding:8px;
  background:rgba(18, 18, 72, 85%);
}
.block-height .video-news .content h4 {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.actual-post .content {
  background: #212842;
  padding: 16px;
  border-radius: 2px;
  border-top: 3px solid transparent;
  box-shadow:0 2px 12px rgba(0, 0, 0, 0.25);
}
.actual-post .content time {
  font-size:1.3rem;
  color:#999;
  display:block;
  margin-bottom:-8px;
}
.actual-block .actual-post .content {
  border-color: #4870b6;
}
.video-block .actual-post .content {
  border-color: #ed1b25;
}
.project-post .content .text {
  padding-left:16px;
}
.project-post .content .excerpt {
  font-size:1.4rem;
  color:#999;
  margin-top:-8px;
}
.project-post .content .excerpt p {
  line-height: 18px;
  height:36px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
audio {
  outline:none;
  width:100%;
  filter: sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(12%);
}
audio::-webkit-media-controls-enclosure {
  border-radius:0 0 4px 4px;
}
.post-youtube {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
  margin-bottom:24px;
}
.post-youtube iframe, .post-youtube object, .post-youtube embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.image-block img {
  object-fit: cover;
  object-position: center;
}
[id*='menu-sidebar-menu'] {
  display:flex;
  flex-direction:column;
  padding:0;
  margin:0;
  list-style: none;
}
main [id*='menu-sidebar-menu'] li a {
  display:inline-block;
  padding: 8px;
  border-radius: 2px;
  line-height: 1;
  margin-bottom: 8px;
  transition:250ms;
}
main [id*='menu-sidebar-menu'] li a:hover {
  background-color:#0f0f12
}
.menu-drop {
  display:none;
  background: #212842;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
  border-radius: 0 0 4px 4px;
}
.menu-drop li a {
  display:block;
  padding:4px 8px;
}
.post-single .description {
  color:#d8d8d8;
}
.post-single .category time {
  font-size:1.4rem;
  color:#888;
  margin-left:16px;
}
.cat-link {
  font-size:1.4rem;
  margin:24px 0;
}
.post-single .cat-link a {
  padding:4px 8px;
  background:#4870b6;
  border-radius:2px;
}
.post-single figcaption {
  font-size:1.4rem;
  color:#888;
  margin-top:8px;
}
.post-single .tools .tags {
  font-size: 1.2rem;
  color: #888;
  font-weight: 600;
}
.post-single .tools .tags a {
  margin-right: 16px;
}
.post-single .related-block {
  margin-top:40px;
}
.content.dark-bg {
  padding:24px;
  background:#212842;
  box-shadow:0 2px 12px rgba(0, 0, 0, 0.25);
}
.dark-bg-opacity {
  padding:24px;
  background:rgba(25, 28, 39, 0.8);
  box-shadow:0 2px 12px rgba(0, 0, 0, 0.25);
}
.social-share {
  font-size:1.3rem;
  margin-top:24px;
	overflow:hidden;
}
.social-share > div {
  padding: 2px 8px;
  margin-right: 8px;
  transition: 250ms;
  display: flex;
  align-items: center;
  line-height: 20px;
  border-radius:2px;
  cursor:pointer;
}
.social-share > div > span, .social-share > div > svg {
  margin-right:4px
}
.social-share [data-social="vkontakte"] {
  background-color: #5d7294;
}
.social-share [data-social="odnoklassniki"] {
  background-color: #ed7c20;
}
.social-share [data-social="twitter"] {
  background-color: #76aaeb;
}
.social-share [data-social="facebook"] {
  background-color: #475995;
}
@media (max-width:1280px) {
  .uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle {
    font-size:14px;
    margin-left:0;
  }
}
@media (max-width:640px) {
	/*
  .order-mobile-1 {
		order:-1;
	}
  */
	#authorlist .author > .uk-flex {
		flex-direction:column;
	}
	.media-left {
		margin:0 0 16px!important;
	}
}
.media-left {
  max-width:240px;
}
blockquote {
	border-left: 2px solid #4870b6;
    padding: 16px 0 16px 24px;
	font-style:normal;
}