#

app/assets/styles/blocks/entity-badge.scss

@@ -1,4 +1,7 @@
-.entity-badge {
+$entity-badge-selector: 'entity-badge';
+
+.#{$entity-badge-selector} {
+
     &__badge {
         position: absolute;
         bottom: 0;

app/assets/styles/blocks/organization-list.scss

@@ -1,4 +1,7 @@
-.organization-list {
+$organization-list-selector: 'organization-list';
+
+.#{$organization-list-selector} {
+
     &__headline {
         height: 44px;
         margin-bottom: 15px;
@@ -47,6 +50,11 @@
         padding-right: 30px;
         display: flex;
         flex-direction: row;
+        text-decoration: none;
+
+        &:hover {
+            border-color: #d2dee9;
+        }
 
         &-img {
             max-width: 110px;
@@ -54,7 +62,11 @@
             &-placeholder {
                 width: 110px;
                 height: 73px;
-                background: #ccc;
+                background: #ebebeb;
+
+                .#{$organization-list-selector}__item:hover & {
+                    background: #d2dee9;
+                }
             }
 
             &-container {
@@ -67,7 +79,7 @@
             margin: 5px 0 6px;
             overflow: hidden;
 
-            &-link {
+            &-text {
                 display: table-cell;
                 height: 29px;
                 vertical-align: middle;
@@ -75,6 +87,10 @@
                 line-height: 14px;
                 color: #3b434d;
                 text-decoration: none;
+
+                .#{$organization-list-selector}__item:hover & {
+                    color: lighten(#3b434d, 10%);
+                }
             }
         }
 
@@ -87,7 +103,7 @@
             color: #3b434d;
         }
 
-        &-link {
+        &-arrow {
             display: block;
             width: 14px;
             height: 14px;

app/assets/styles/content/centerbar/specials.scss

@@ -1,4 +1,6 @@
-.special-items {
+$specials-selector: 'special-items';
+
+.#{$specials-selector} {
 
     &__container {
         display: flex;
@@ -23,9 +25,6 @@
         &:hover {
             border-color: #d2dee9;
         }
-        &:hover .special-items__organization-address {
-            background: #d2dee9;
-        }
     }
 
     &__title {
@@ -37,43 +36,60 @@
         font-size: 13px;
         background-color: #656565;
         padding: 10px;
-        border-radius: 10px 0 0 0;
         margin-left: -1px;
         margin-right: -1px;
         margin-top: -1px;
 
+        @extend .left_border_radius;
+
         &--specials {
             background-color: #e65e26;
+
+            .#{$specials-selector}__item:hover & {
+                background-color: lighten(#e65e26, 10%);
+            }
         }
 
         &--exhibition {
             background-color: #53b02e;
+
+            .#{$specials-selector}__item:hover & {
+                background-color: lighten(#53b02e, 10%);
+            }
         }
 
         &--school {
             background-color: #929292;
+
+            .#{$specials-selector}__item:hover & {
+                background-color: lighten(#929292, 10%);
+            }
         }
 
         &--conference {
             background-color: #5597d1;
+
+            .#{$specials-selector}__item:hover & {
+                background-color: lighten(#5597d1, 10%);
+            }
         }
     }
 
     &__badge {
         &--specials {
-            @extend .entity-badge__badge--orange;
+            @extend .#{$entity-badge-selector}__badge--orange;
         }
 
         &--exhibition {
-            @extend .entity-badge__badge--green;
+            @extend .#{$entity-badge-selector}__badge--green;
         }
 
         &--school {
-            @extend .entity-badge__badge--gray;
+            @extend .#{$entity-badge-selector}__badge--gray;
         }
 
         &--conference {
-            @extend .entity-badge__badge--blue;
+            @extend .#{$entity-badge-selector}__badge--blue;
         }
     }
 
@@ -142,5 +158,9 @@
         overflow: hidden;
         text-align: center;
         box-sizing: border-box;
+
+        .#{$specials-selector}__item:hover & {
+            background: #d2dee9;
+        }
     }
 }

app/www/css/all.css

@@ -258,7 +258,7 @@ body {
     flex-direction: row;
     justify-content: space-between; }
 
-.left_border_radius {
+.left_border_radius, .special-items__title {
   border-radius: 10px 0 0 0; }
 
 .grid-dis-row {
@@ -505,10 +505,8 @@ body {
   color: #fff;
   background-image: url(../img/specials/badge-middle.png);
   font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
-    font-size: 18px;
-}
-
-.entity-badge__badge:before {
+  font-size: 18px; }
+  .entity-badge__badge:before {
     position: absolute;
     left: -8px;
     top: 0;
@@ -516,10 +514,8 @@ body {
     display: block;
     height: 100%;
     width: 8px;
-    background-image: url(../img/specials/badge-start.png);
-}
-
-.entity-badge__badge:after {
+    background-image: url(../img/specials/badge-start.png); }
+  .entity-badge__badge:after {
     position: absolute;
     right: -10px;
     top: 0;
@@ -527,67 +523,46 @@ body {
     display: block;
     height: 100%;
     width: 10px;
-    background-image: url(../img/specials/badge-end.png);
-}
-
-.entity-badge__badge--orange, .special-items__badge--specials {
-    background-position: 0 0;
-}
-
-.entity-badge__badge--orange:before, .special-items__badge--specials:before, .entity-badge__badge--orange:after, .special-items__badge--specials:after {
-    background-position: 0 0;
-}
-
-.entity-badge__badge--green, .special-items__badge--exhibition {
-    background-position: 0 -36px;
-}
-
-.entity-badge__badge--green:before, .special-items__badge--exhibition:before, .entity-badge__badge--green:after, .special-items__badge--exhibition:after {
-    background-position: 0 -36px;
-}
-
-.entity-badge__badge--gray, .special-items__badge--school {
-    background-position: 0 -72px;
-}
-
-.entity-badge__badge--gray:before, .special-items__badge--school:before, .entity-badge__badge--gray:after, .special-items__badge--school:after {
-    background-position: 0 -72px;
-}
-
-.entity-badge__badge--blue, .special-items__badge--conference {
-    background-position: 0 -108px;
-}
-
-.entity-badge__badge--blue:before, .special-items__badge--conference:before, .entity-badge__badge--blue:after, .special-items__badge--conference:after {
-    background-position: 0 -108px;
-}
-
-.entity-badge__badge-text {
+    background-image: url(../img/specials/badge-end.png); }
+  .entity-badge__badge--orange, .special-items__badge--specials {
+    background-position: 0 0; }
+    .entity-badge__badge--orange:before, .special-items__badge--specials:before, .entity-badge__badge--orange:after, .special-items__badge--specials:after {
+      background-position: 0 0; }
+  .entity-badge__badge--green, .special-items__badge--exhibition {
+    background-position: 0 -36px; }
+    .entity-badge__badge--green:before, .special-items__badge--exhibition:before, .entity-badge__badge--green:after, .special-items__badge--exhibition:after {
+      background-position: 0 -36px; }
+  .entity-badge__badge--gray, .special-items__badge--school {
+    background-position: 0 -72px; }
+    .entity-badge__badge--gray:before, .special-items__badge--school:before, .entity-badge__badge--gray:after, .special-items__badge--school:after {
+      background-position: 0 -72px; }
+  .entity-badge__badge--blue, .special-items__badge--conference {
+    background-position: 0 -108px; }
+    .entity-badge__badge--blue:before, .special-items__badge--conference:before, .entity-badge__badge--blue:after, .special-items__badge--conference:after {
+      background-position: 0 -108px; }
+  .entity-badge__badge-text {
     overflow: hidden;
     width: 100%;
     display: block;
     white-space: nowrap;
-    text-overflow: ellipsis;
-}
+    text-overflow: ellipsis; }
 
 .organization-list__headline {
-    height: 44px;
-    margin-bottom: 15px;
-    padding: 0 18px 0 56px;
-    box-sizing: border-box;
-    position: relative;
-    display: -webkit-flex;
-    display: -ms-flex;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-content: center;
-    align-items: center;
-    background: #ebebeb;
-    z-index: 2;
-}
-
-.organization-list__headline:before {
+  height: 44px;
+  margin-bottom: 15px;
+  padding: 0 18px 0 56px;
+  box-sizing: border-box;
+  position: relative;
+  display: -webkit-flex;
+  display: -ms-flex;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-content: center;
+  align-items: center;
+  background: #ebebeb;
+  z-index: 2; }
+  .organization-list__headline:before {
     content: '';
     position: absolute;
     width: 49px;
@@ -596,70 +571,61 @@ body {
     left: -10px;
     top: -8px;
     border: 5px solid #ffffff;
-    background: url(../img/icon_leftbar_innermenu_01@2x.png) center/50% 50% no-repeat #004d7b;
-}
+    background: url(../img/icon_leftbar_innermenu_01@2x.png) center/50% 50% no-repeat #004d7b; }
 
 .organization-list__headline-text {
-    width: 900px;
-    margin-right: 20px;
-    font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
-    font-size: 20px;
-    font-weight: bold;
-    color: #004d7b;
-    overflow: hidden;
-}
+  width: 900px;
+  margin-right: 20px;
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+  font-size: 20px;
+  font-weight: bold;
+  color: #004d7b;
+  overflow: hidden; }
 
 .organization-list__item {
-    border: 1px solid #ebebeb;
-    background: #fff;
-    font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
-    margin-bottom: 10px;
-    position: relative;
-    padding-right: 30px;
-    display: flex;
-    flex-direction: row;
-}
-
-.organization-list__item-img {
-    max-width: 110px;
-}
-
-.organization-list__item-img-placeholder {
-    width: 110px;
-    height: 73px;
-    background: #ccc;
-}
-
-.organization-list__item-img-container {
-    margin: -1px 9px -1px -1px;
-}
-
-.organization-list__item-title {
+  border: 1px solid #ebebeb;
+  background: #fff;
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+  margin-bottom: 10px;
+  position: relative;
+  padding-right: 30px;
+  display: flex;
+  flex-direction: row;
+  text-decoration: none; }
+  .organization-list__item:hover {
+    border-color: #d2dee9; }
+  .organization-list__item-img {
+    max-width: 110px; }
+    .organization-list__item-img-placeholder {
+      width: 110px;
+      height: 73px;
+      background: #ebebeb; }
+      .organization-list__item:hover .organization-list__item-img-placeholder {
+        background: #d2dee9; }
+    .organization-list__item-img-container {
+      margin: -1px 9px -1px -1px; }
+  .organization-list__item-title {
     height: 29px;
     margin: 5px 0 6px;
-    overflow: hidden;
-}
-
-.organization-list__item-title-link {
-    display: table-cell;
-    height: 29px;
-    vertical-align: middle;
-    font-size: 17px;
-    line-height: 14px;
-    color: #3b434d;
-    text-decoration: none;
-}
-
-.organization-list__item-description {
+    overflow: hidden; }
+    .organization-list__item-title-text {
+      display: table-cell;
+      height: 29px;
+      vertical-align: middle;
+      font-size: 17px;
+      line-height: 14px;
+      color: #3b434d;
+      text-decoration: none; }
+      .organization-list__item:hover .organization-list__item-title-text {
+        color: #515c6a; }
+  .organization-list__item-description {
     height: 29px;
     overflow: hidden;
     font-family: "opensans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
     font-size: 13px;
     line-height: 14px;
-    color: #3b434d;
-}
-
-.organization-list__item-link {
+    color: #3b434d; }
+  .organization-list__item-arrow {
     display: block;
     width: 14px;
     height: 14px;
@@ -667,49 +633,35 @@ body {
     top: 50%;
     right: 4px;
     margin-top: -7px;
-    background: url(../img/icon_leftbar_title_arrow1.png) no-repeat;
-}
-
-.organization-list__item-badge {
+    background: url(../img/icon_leftbar_title_arrow1.png) no-repeat; }
+  .organization-list__item-badge {
     left: -1px;
-    bottom: 6px;
-}
+    bottom: 6px; }
 
 .organization-list__grid {
-    margin: 10px 0;
-}
+  margin: 10px 0; }
 
 .organization-list__side-menu {
-    z-index: 2;
-    position: relative;
-    background: #ffffff;
-}
-
-.organization-list__side-menu-item {
+  z-index: 2;
+  position: relative;
+  background: #ffffff; }
+  .organization-list__side-menu-item {
     border-bottom: 1px solid #ebebeb;
-    position: relative;
-}
-
-.organization-list__side-menu-item:after {
-    content: url(../img/icon_leftbar_title_arrow1.png);
-    transform: rotate(90deg);
-    position: absolute;
-    right: 5px;
-    top: 10px;
-    display: block;
-    height: 20px;
-    width: 15px;
-}
-
-.organization-list__side-menu-item.active:after {
-    transform: rotate(-90deg);
-}
-
-.organization-list__side-menu-item.active ul {
-    display: block;
-}
-
-.organization-list__side-menu-link {
+    position: relative; }
+    .organization-list__side-menu-item:after {
+      content: url(../img/icon_leftbar_title_arrow1.png);
+      transform: rotate(90deg);
+      position: absolute;
+      right: 5px;
+      top: 10px;
+      display: block;
+      height: 20px;
+      width: 15px; }
+    .organization-list__side-menu-item.active:after {
+      transform: rotate(-90deg); }
+    .organization-list__side-menu-item.active ul {
+      display: block; }
+  .organization-list__side-menu-link {
     color: #004d7b;
     text-decoration: none;
     font-size: 16px;
@@ -717,23 +669,16 @@ body {
     display: block;
     line-height: 19px;
     font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
-    font-weight: normal;
-}
-
-.organization-list__side-menu-link:hover {
-    background: #d2dee9;
-}
+    font-weight: normal; }
+    .organization-list__side-menu-link:hover {
+      background: #d2dee9; }
 
 .organization-list__side-submenu {
-    display: none;
-    background: #f7f7f7;
-}
-
-.organization-list__side-menu-item.active .organization-list__side-submenu {
-    display: block;
-}
-
-.organization-list__side-submenu-link {
+  display: none;
+  background: #f7f7f7; }
+  .organization-list__side-menu-item.active .organization-list__side-submenu {
+    display: block; }
+  .organization-list__side-submenu-link {
     color: #9b9b9b;
     text-decoration: none;
     font-size: 15px;
@@ -742,30 +687,24 @@ body {
     line-height: 19px;
     font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
     font-weight: normal;
-    position: relative;
-}
-
-.organization-list__side-submenu-link:before {
-    position: absolute;
-    content: '>';
-    left: 5px;
-    top: 6px;
-    font-size: 17px;
-}
-
-.organization-list__side-submenu-link:hover {
-    background: #004d7b;
-    color: #fff;
-}
+    position: relative; }
+    .organization-list__side-submenu-link:before {
+      position: absolute;
+      content: '>';
+      left: 5px;
+      top: 6px;
+      font-size: 17px; }
+    .organization-list__side-submenu-link:hover {
+      background: #004d7b;
+      color: #fff; }
 
 .map__container {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    height: 637px;
-    z-index: 1;
-}
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 637px;
+  z-index: 1; }
 
 .header {
   background: #3b434d;
@@ -905,10 +844,9 @@ body {
   align-items: center;
   align-content: center;
   font-size: 11px;
-    line-height: 15px;
-    position: relative;
-    z-index: 2;
-}
+  line-height: 15px;
+  position: relative;
+  z-index: 2; }
   .breadcrumbs__link {
     color: #929292;
     text-decoration: underline;
@@ -1318,16 +1256,15 @@ body {
   margin-bottom: 20px; }
   .entitybanner__item {
     margin-bottom: 20px;
-      background: #fff;
+    background: #fff;
     border: 1px solid #ebebeb;
     display: -webkit-flex;
     display: -ms-flex;
     display: flex;
     flex-direction: column;
     text-decoration: none;
-      border-radius: 10px 0 0 0 / 10px 0 0 0;
-      height: calc(100% - 20px);
-  }
+    border-radius: 10px 0 0 0 / 10px 0 0 0;
+    height: calc(100% - 20px); }
     .entitybanner__item:hover {
       border-color: #d2dee9; }
     .entitybanner__item:hover .entitybanner__address {
@@ -1364,8 +1301,7 @@ body {
     margin: auto;
     margin-bottom: 5px;
     position: relative;
-      min-width: 200px;
-  }
+    min-width: 200px; }
   .entitybanner__img {
     width: 100%;
     max-width: 200px;
@@ -1386,11 +1322,9 @@ body {
     align-items: center;
     align-content: center;
     font-family: "cuprum", Impact, "Charcoal CY", sans-serif; }
-
-.entitybanner__badge {
+  .entitybanner__badge {
     left: -14px;
-    bottom: 7px;
-}
+    bottom: 7px; }
   .entitybanner__item:hover {
     border-color: #d2dee9; }
   .entitybanner__item:hover .entitybanner__address {
@@ -1554,12 +1488,10 @@ body {
 
 .centerbar {
   width: 78.2%; }
-
-.centerbar--with-map {
+  .centerbar--with-map {
     margin-top: 300px;
     position: relative;
-    z-index: 2;
-}
+    z-index: 2; }
   @media screen and (max-width: 1220px) {
     .centerbar {
       width: 100%; } }
@@ -2490,15 +2422,11 @@ body {
     line-height: 40px; }
     .pagination__filter:hover {
       background: #eb914e; }
-
-.pagination__filter--blue {
-    background: #3b444d;
-}
-
-.pagination__filter--blue:hover {
-    background: #5597d1;
-    color: #004d7b;
-}
+    .pagination__filter--blue {
+      background: #3b444d; }
+      .pagination__filter--blue:hover {
+        background: #5597d1;
+        color: #004d7b; }
 
 .usefulinfo__title {
   color: #3b434d;
@@ -2560,14 +2488,8 @@ body {
   margin: 15px 10px;
   color: #000000;
   text-decoration: none; }
-
-.special-items__item:hover {
-    border-color: #d2dee9;
-}
-
-.special-items__item:hover .special-items__organization-address {
-    background: #d2dee9;
-}
+  .special-items__item:hover {
+    border-color: #d2dee9; }
 
 .special-items__title {
   display: flex;
@@ -2578,18 +2500,25 @@ body {
   font-size: 13px;
   background-color: #656565;
   padding: 10px;
-  border-radius: 10px 0 0 0;
   margin-left: -1px;
   margin-right: -1px;
   margin-top: -1px; }
   .special-items__title--specials {
     background-color: #e65e26; }
+    .special-items__item:hover .special-items__title--specials {
+      background-color: #eb8054; }
   .special-items__title--exhibition {
     background-color: #53b02e; }
+    .special-items__item:hover .special-items__title--exhibition {
+      background-color: #6bce43; }
   .special-items__title--school {
     background-color: #929292; }
+    .special-items__item:hover .special-items__title--school {
+      background-color: #acacac; }
   .special-items__title--conference {
     background-color: #5597d1; }
+    .special-items__item:hover .special-items__title--conference {
+      background-color: #7db0dc; }
 
 .special-items__item-content {
   padding: 10px;
@@ -2649,6 +2578,8 @@ body {
   overflow: hidden;
   text-align: center;
   box-sizing: border-box; }
+  .special-items__item:hover .special-items__organization-address {
+    background: #d2dee9; }
 
 .comments__block {
   margin-top: 40px; }