// Content-block
// bily ctverec s marginem dole, ohranicuje body-content
//------------------------------------------------------

.content-block {
   background: $white;
   margin-bottom: 20px;
   padding: 25px 30px;
   overflow: hidden;

   p a,
   li a {
      @include underline-default;
   }

   @media screen and (min-width: 500px) {
      padding: 35px 45px;
   }
}


.category-list {
   margin-bottom: 1px;
   padding-bottom: 15px;
   position: relative;

   i {
      font-size: 34px;
      position: relative;
      top: 4px;
      margin-right: 5px;
   }

   &:last-child { margin-bottom: 50px; }


   h2 {
      font-size: 16px;

      a { color: $brand-primary; }
   }


   ul {
      @include column-count(2);
   }

   @include media-breakpoint-up(sm) {
      padding-left: 110px;

      i {
         position: absolute;
         font-size: 60px;
         left: 25px;
         top: 20px;
         margin-right: 0;
      }
   }

   @include media-breakpoint-up(lg) {
      ul {
         @include column-count(4);
      }
   }
}
