short news hover

src/files/css/main.css

@@ -9071,6 +9071,14 @@ footer .copyright .logo {
   .shortnews__item--one-third {
     width: calc(33% - 10px);
     margin-left: 10px; }
+  .shortnews__item:hover {
+    background-color: #ececec;
+    text-decoration: none; }
+    .shortnews__item:hover .shortnews__textpos {
+      background: none; }
+    .shortnews__item:hover .shortnews__title {
+      background: rgba(255, 255, 255, 0.5);
+      color: #3b434d; }
 .shortnews:hover {
   background-color: #ececec; }
 .shortnews__link {
@@ -9120,7 +9128,8 @@ footer .copyright .logo {
   line-height: 17px;
   display: block;
   overflow: hidden;
-  text-overflow: ellipsis; }
+  text-overflow: ellipsis;
+  margin: 0; }
 .shortnews__details {
   display: -webkit-flex;
   display: -ms-flex;
@@ -9141,18 +9150,22 @@ footer .copyright .logo {
   white-space: nowrap;
   word-wrap: normal;
   background: url(../img/icon_category@2x.png) 0 0/30px 60px no-repeat;
-  padding: 0 10px 0 23px; }
+  padding: 0 10px 0 23px;
+  margin: 0; }
   .shortnews__category:hover {
     color: #e65e26;
     background: url(../img/icon_category@2x.png) 0 -30px/30px 60px no-repeat; }
 .shortnews__no-category {
   display: block;
-  align-self: flex-start; }
+  align-self: flex-start;
+  margin: 0; }
 .shortnews__date {
   padding-right: 10px;
   color: #929292;
   font-size: 13px;
-  align-self: flex-end; }
+  align-self: flex-end;
+  display: block;
+  margin: 0; }
 @media screen and (max-width: 1000px) {
   .shortnews--big {
     max-width: 470px; } }

src/files/scss/_shortnews.scss

@@ -25,6 +25,20 @@
       width: calc(33% - 10px);
       margin-left: 10px;
     }
+
+    &:hover {
+      background-color: #ececec;
+      text-decoration: none;
+
+      .shortnews__textpos {
+        background: none;
+      }
+
+      .shortnews__title {
+        background: rgba(255, 255, 255, .5);
+        color: #3b434d;
+      }
+    }
   }
 
   &:hover {
@@ -93,6 +107,7 @@
     display: block;
     overflow: hidden;
     text-overflow: ellipsis;
+    margin: 0;
   }
 
   &__details {
@@ -118,6 +133,7 @@
     word-wrap: normal;
     background: url(../img/icon_category@2x.png) 0 0 / 30px 60px no-repeat;
     padding: 0 10px 0 23px;
+    margin: 0;
 
     &:hover {
       color: #e65e26;
@@ -128,6 +144,7 @@
   &__no-category {
     display: block;
     align-self: flex-start;
+    margin: 0;
   }
 
   &__date {
@@ -135,6 +152,8 @@
     color: #929292;
     font-size: 13px;
     align-self: flex-end;
+    display: block;
+    margin: 0;
   }
 
   &--big {