.newsList {
  padding-top: 32px;
}

.newsItemBorder {
  position: absolute;
  top: 0;
  left: 1px;
  right: 1px;
  bottom: 0;
  z-index: 1;
}

.newsItem {
  position: relative;
  margin-bottom: 50px;
}

.newsItemBorderTop,
.newsItemBorderBody,
.newsItemBorderBottom
{
  width: 100%;
  display: block;
}

.newsItemBorderBody {
  height: 100%;
}

.newsItemContent {
  position: relative;
  box-sizing: border-box;
  padding: 3px 16px;
  z-index: 10;
}

.newsItemDate {
  margin: 56px 0 0 27px;
  font-family: 'Roboto Mono';
  font-size: 10px;
  text-transform: uppercase;
  color: #747474;
  font-weight: 500;
  letter-spacing: 0.8px;
  position: relative;
  background-color: #d7d2c8;
  display: inline-block;
}

.newsItemDate::before {
  content: '';
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4MTI3ODFiZi0wZmI0LWExNDYtOTA1OS03ZThiMTJjOGJlNDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mjc0MTk0QTdEQzE2MTFFNjk4NDRCNUE3NTk2N0U3QTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mjc0MTk0QTZEQzE2MTFFNjk4NDRCNUE3NTk2N0U3QTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjkxYWUwYTNmLWI4NjQtZGI0OC1iMzU3LWNlN2I5MWRhNzkwNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MTI3ODFiZi0wZmI0LWExNDYtOTA1OS03ZThiMTJjOGJlNDMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6/cK68AAABbElEQVR42mJkwAHS09MzgVQ/EN8GYqeZM2e+ZiAAgHpmAakkIN4KxIFAPf+wqWPCY0YRELMDsQ4QBxBhoSiQSgViZiD2A2JNXGoZ0TRKASk2KPcIEEtD2c1API+AvTJAfBiJ7w3E16DsX0BfP0OxFGhZEJDqAWJFBtqB+0BcArR8HSPQQlBQbGSgH/BnggYdPUEzyFI9JIEsIBaE4oNI4n5I4rgwKCG9g6r/CcSqSHKZSGbpsaC54jowzD9A4zkcREHFNhPjBaAeJyAVDMQ7gXruIInfQFbHgssAoKaXQKqJlHAD6rkIpC4SUoduqQfQVQo0iEcNfJaW0yMlMTEMAED36V0g/kIDe3iAWBmXpSnAxHCA2jYC04kDkNo/oME7aumopaOWjlo6uAr8f0iW2wHLyQc0sMcOif0PZOlJILaECjRCMS3BSZAPy4D4N51CFmRPGROwKgO15O2hrb8/NLIMZC6oyrQH2QcQYADz/Fp/1EPK8AAAAABJRU5ErkJggg==');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 10px;
  height: 10px;
  background-size: contain;
  position: absolute;
  top: 4px;
  left: 8px;
}

.newsItemDate > div {
  padding: 3px 14px 3px 27px;
}

.newsItemTitle {
  margin: 34px 27px 0px;
  position: relative;
  box-sizing: border-box;
  font-family: 'Anonymous Pro';
  font-size: 28px;
  font-weight: 700;
  color: #747474;
}

.newsItemBody {
  position: relative;
  box-sizing: border-box;
  margin: 36px 27px 36px;
  font-family: 'Roboto Mono';
  font-size: 14px;
  color: #747474;
  line-height: 24px;
  letter-spacing: 0.4px;
  max-height: 120px;
  overflow: hidden;
}

.newsItemContentInner {
  z-index: 5;
  position: relative;
  padding: 12px 10px 14px 16px;
  letter-spacing: 0.1px;
}

.newsItemTitle > .newsItemBodyLeft, 
.newsItemTitle > .newsItemBodyRight
{
  position: absolute;
  height: 100%;
  width: 50%;
  z-index: 0;
  top: 0;
}

.newsItemTitle > .newsItemBodyLeft {
  left: 0;
  background-color: #d7d2c8;
}

.newsItemTitle > .newsItemBodyRight {
  right: 0;
  background-color: #ece8e0;
}

.newsItemReadMore {
  font-family: 'Roboto Mono';
  font-size: 14px;
  color: #747474;
  line-height: 24px;
  letter-spacing: 0.4px;
  margin-bottom: 28px;
  margin-left: 27px;
  background-color: #d7d2c8;
  display: inline-block;
  line-height: 24px;
}

.newsItemReadMore > div {
  padding: 0 5px 0 8px;
}

.newsItemBodyGradientLeft,
.newsItemBodyGradientRight
{
  position: absolute;
  bottom: 0;
  width: 50%;
  height: 60px;
}

.newsItemBodyGradientLeft {
  left: 0;
  background: linear-gradient(to top, rgba(245,245,245,1), rgba(245,245,245,0));
}

.newsItemBodyGradientRight {
  right: 0;
  background: linear-gradient(to top, rgba(252,252,252,1), rgba(252,252,252,0));
}

.modalNews .newsItemBody {
  overflow: auto;
  max-height: none;
}

.modal .newsItemBorder {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.modal .newsItemContent {
  padding: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}