specials height

src/files/css/main.css

@@ -9320,7 +9320,8 @@ footer .copyright .logo {
   padding: 5px 0;
   display: block;
   margin: 0 -3px 0 -3px;
-  min-height: 115px; }
+  height: 136px;
+  overflow: hidden; }
 .special-items__horizontal-rule {
   display: block;
   margin: 0 10px;

src/files/scss/_specials.scss

@@ -1,319 +1,320 @@
 .#{$specials-selector} {
 
-  &__container {
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-start;
-    flex-wrap: wrap;
-  }
-
-  &__h2 {
-    @extend %h2;
-  }
-
-  &__list {
-    width: 80% !important;
-  }
-
-  &__item-container-230 {
-    width: 206px;
-    margin: 0 10px;
-  }
-
-  &__item {
-    font-family: $fontopensans;
-    box-sizing: border-box;
-    border-radius: 10px 0 0 0;
-    border: 1px solid #ebebeb;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    color: #000000;
-    text-decoration: none;
-    margin-bottom: 10px;
-
-    &:hover {
-      border-color: #d2dee9;
-      text-decoration: none;
+    &__container {
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+        flex-wrap: wrap;
     }
 
-    &--half-size {
-      width: calc(50% - 10px);
-      margin-left: 10px;
+    &__h2 {
+        @extend %h2;
     }
-  }
-
-  &__title {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    color: #ffffff;
-    font-family: $fontcuprum;
-    font-size: 13px;
-    background-color: #656565;
-    padding: 10px 5px;
-    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%);
-      }
+    &__list {
+        width: 80% !important;
     }
 
-    &--school {
-      background-color: #929292;
-
-      .#{$specials-selector}__item:hover & {
-        background-color: lighten(#929292, 10%);
-      }
+    &__item-container-230 {
+        width: 206px;
+        margin: 0 10px;
     }
 
-    &--conference {
-      background-color: #5597d1;
-
-      .#{$specials-selector}__item:hover & {
-        background-color: lighten(#5597d1, 10%);
-      }
+    &__item {
+        font-family: $fontopensans;
+        box-sizing: border-box;
+        border-radius: 10px 0 0 0;
+        border: 1px solid #ebebeb;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        color: #000000;
+        text-decoration: none;
+        margin-bottom: 10px;
+
+        &:hover {
+            border-color: #d2dee9;
+            text-decoration: none;
+        }
+
+        &--half-size {
+            width: calc(50% - 10px);
+            margin-left: 10px;
+        }
     }
-  }
 
-  &__badge {
-    &--specials {
-      @extend .#{$entity-badge-selector}__badge--orange;
+    &__title {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        color: #ffffff;
+        font-family: $fontcuprum;
+        font-size: 13px;
+        background-color: #656565;
+        padding: 10px 5px;
+        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%);
+            }
+        }
     }
 
-    &--exhibition {
-      @extend .#{$entity-badge-selector}__badge--green;
-    }
+    &__badge {
+        &--specials {
+            @extend .#{$entity-badge-selector}__badge--orange;
+        }
 
-    &--school {
-      @extend .#{$entity-badge-selector}__badge--gray;
-    }
+        &--exhibition {
+            @extend .#{$entity-badge-selector}__badge--green;
+        }
 
-    &--conference {
-      @extend .#{$entity-badge-selector}__badge--blue;
-    }
-  }
-
-  &__item-content {
-    padding: 10px;
-    display: block;
-  }
-
-  &__item-images {
-    position: relative;
-    display: block;
-    min-height: 118px;
-  }
-
-  &__image {
-    max-width: 100%;
-    display: block;
-  }
-
-  &__organization-icon {
-    max-width: 64px;
-    position: absolute;
-    top: 12px;
-    right: 12px;
-    border-radius: 50%;
-    display: block;
-  }
-
-  &__description {
-    font-family: $fontcuprum;
-    font-size: 15px;
-    padding: 5px 0;
-    display: block;
-    margin: 0 -3px 0 -3px;
-    min-height: 115px;
-  }
-
-  &__horizontal-rule {
-    display: block;
-    margin: 0 10px;
-    border: none;
-    border-bottom: 1px solid #ebebeb;
-  }
-
-  &__organization-name {
-    font-family: $fontcuprum;
-    font-size: 13px;
-    color: #004d7b;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    height: 40px;
-    padding: 5px 20px;
-    text-align: center;
-    box-sizing: border-box;
-  }
-
-  &__organization-address {
-    font-family: $fontcuprum;
-    font-size: 13px;
-    background: #ebebeb;
-    color: #929292;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    height: 40px;
-    padding: 5px 26px;
-    overflow: hidden;
-    text-align: center;
-    box-sizing: border-box;
-
-    .#{$specials-selector}__item:hover & {
-      background: #d2dee9;
-    }
-  }
-}
+        &--school {
+            @extend .#{$entity-badge-selector}__badge--gray;
+        }
 
-.#{$specials-page-selector} {
-  &__article {
-    margin-bottom: 40px;
-    padding-bottom: 10px;
-    border-bottom: none;
-
-    &:before,
-    &:after {
-      display: block;
-      clear: both;
-      content: '';
+        &--conference {
+            @extend .#{$entity-badge-selector}__badge--blue;
+        }
     }
 
-    h2 {
-      @extend %h2;
+    &__item-content {
+        padding: 10px;
+        display: block;
     }
 
-    h3 {
-      @extend %h3;
+    &__item-images {
+        position: relative;
+        display: block;
+        min-height: 118px;
     }
 
-    p {
-      @extend %p;
-
-      /*img {
-        float: right;
-        margin-left: 20px;
-      }*/
+    &__image {
+        max-width: 100%;
+        display: block;
     }
 
-    ul {
-      @extend %ul;
+    &__organization-icon {
+        max-width: 64px;
+        position: absolute;
+        top: 12px;
+        right: 12px;
+        border-radius: 50%;
+        display: block;
     }
 
-    ol {
-      @extend %ol;
+    &__description {
+        font-family: $fontcuprum;
+        font-size: 15px;
+        padding: 5px 0;
+        display: block;
+        margin: 0 -3px 0 -3px;
+        height: 136px;
+        overflow: hidden;
     }
 
-    table {
-      @extend %table;
-
-      .mobileth {
-        display: none;
-      }
+    &__horizontal-rule {
+        display: block;
+        margin: 0 10px;
+        border: none;
+        border-bottom: 1px solid #ebebeb;
     }
 
-    blockquote {
-      @extend %blockquote;
+    &__organization-name {
+        font-family: $fontcuprum;
+        font-size: 13px;
+        color: #004d7b;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+        height: 40px;
+        padding: 5px 20px;
+        text-align: center;
+        box-sizing: border-box;
     }
 
-    .col3__item {
-      display: inline-block;
-      width: calc(33% - 0.25em - 10px);
-      margin-right: 20px;
-
-      &:last-child {
-        margin-right: 0;
-      }
-    }
-
-    .col2__item {
-      display: inline-block;
-      width: calc(50% - 0.25em - 10px);
-      margin-right: 20px;
-
-      &:last-child {
-        margin-right: 0;
-      }
-    }
-  }
-
-  &__description {
-    display: block;
-    font-family: $fontcuprum;
-    font-size: 13px;
-
-    &-type {
-      display: inline-block;
-      color: #ffffff;
-      font-weight: 600;
-      padding: 8px;
-
-      &--specials {
-        @extend .#{$specials-selector}__title--specials;
-      }
-
-      &--exhibition {
-        @extend .#{$specials-selector}__title--exhibition;
-      }
-
-      &--school {
-        @extend .#{$specials-selector}__title--school;
-      }
-
-      &--conference {
-        @extend .#{$specials-selector}__title--conference;
-      }
+    &__organization-address {
+        font-family: $fontcuprum;
+        font-size: 13px;
+        background: #ebebeb;
+        color: #929292;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        height: 40px;
+        padding: 5px 26px;
+        overflow: hidden;
+        text-align: center;
+        box-sizing: border-box;
+
+        .#{$specials-selector}__item:hover & {
+            background: #d2dee9;
+        }
     }
+}
 
-    &-dates {
-      display: inline-block;
-      padding: 8px;
+.#{$specials-page-selector} {
+    &__article {
+        margin-bottom: 40px;
+        padding-bottom: 10px;
+        border-bottom: none;
+
+        &:before,
+        &:after {
+            display: block;
+            clear: both;
+            content: '';
+        }
+
+        h2 {
+            @extend %h2;
+        }
+
+        h3 {
+            @extend %h3;
+        }
+
+        p {
+            @extend %p;
+
+            /*img {
+              float: right;
+              margin-left: 20px;
+            }*/
+        }
+
+        ul {
+            @extend %ul;
+        }
+
+        ol {
+            @extend %ol;
+        }
+
+        table {
+            @extend %table;
+
+            .mobileth {
+                display: none;
+            }
+        }
+
+        blockquote {
+            @extend %blockquote;
+        }
+
+        .col3__item {
+            display: inline-block;
+            width: calc(33% - 0.25em - 10px);
+            margin-right: 20px;
+
+            &:last-child {
+                margin-right: 0;
+            }
+        }
+
+        .col2__item {
+            display: inline-block;
+            width: calc(50% - 0.25em - 10px);
+            margin-right: 20px;
+
+            &:last-child {
+                margin-right: 0;
+            }
+        }
     }
 
-    &-organization-name {
-      display: block;
-      color: #004d7b;
-      margin: 16px 0;
+    &__description {
+        display: block;
+        font-family: $fontcuprum;
+        font-size: 13px;
+
+        &-type {
+            display: inline-block;
+            color: #ffffff;
+            font-weight: 600;
+            padding: 8px;
+
+            &--specials {
+                @extend .#{$specials-selector}__title--specials;
+            }
+
+            &--exhibition {
+                @extend .#{$specials-selector}__title--exhibition;
+            }
+
+            &--school {
+                @extend .#{$specials-selector}__title--school;
+            }
+
+            &--conference {
+                @extend .#{$specials-selector}__title--conference;
+            }
+        }
+
+        &-dates {
+            display: inline-block;
+            padding: 8px;
+        }
+
+        &-organization-name {
+            display: block;
+            color: #004d7b;
+            margin: 16px 0;
+        }
+
+        &-organization-address {
+            display: block;
+            color: #929292;
+            margin: 16px 0;
+        }
+
+        &-text {
+            font-size: 15px;
+        }
     }
 
-    &-organization-address {
-      display: block;
-      color: #929292;
-      margin: 16px 0;
+    &__similar {
+        display: flex;
+        flex-direction: row;
+        margin: 0 -10px;
     }
 
-    &-text {
-      font-size: 15px;
+    &__subtitle {
+        font-family: $fontcuprum;
+        font-size: 25px;
+        color: #3b434d;
+        font-weight: 600;
     }
-  }
-
-  &__similar {
-    display: flex;
-    flex-direction: row;
-    margin: 0 -10px;
-  }
-
-  &__subtitle {
-    font-family: $fontcuprum;
-    font-size: 25px;
-    color: #3b434d;
-    font-weight: 600;
-  }
 }