title: Slick Slider - Box Shadows are cut off
body: <p>The problem is that the slick slider div has <strong>overflow: hidden;</strong> so the box-shadows of the slides divs keep getting cut off.</p>
  
  <p>Anybody ran into this problem too?</p>
  
  <p>Here is a little fiddle demonstrating the problem:
  <a href="https://jsfiddle.net/2zvcud0u/" rel="noreferrer">https://jsfiddle.net/2zvcud0u/</a></p>
  
  <p>HTML</p>
  
  <pre><code>  &lt;div class="slider row"&gt;
      &lt;div class="col-sm-4"&gt;
        &lt;div class="drop-shadow"&gt;
          &lt;div class="content"&gt;
            &lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-sm-4"&gt;
        &lt;div class="drop-shadow"&gt;
          &lt;div class="content"&gt;
            &lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-sm-4"&gt;
        &lt;div class="drop-shadow"&gt;
          &lt;div class="content"&gt;
            &lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-sm-4"&gt;
        &lt;div class="drop-shadow"&gt;
          &lt;div class="content"&gt;
            &lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.row{
    margin: 20px 0;
  }
  
  .drop-shadow {
    box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.35);
  }
  
  .content{
    margin: 10px;
  }
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$('.slider').slick({
    autoplay: false,
    dots: false,
    arrows: false,
    infinite: false,
    speed: 300,
    slidesToShow: 3,
    slidesToScroll: 1,
    swipeToSlide: true,
    responsive: [{
      breakpoint: 992,
      settings: {
        slidesToShow: 2
      }
    }, {
      breakpoint: 768,
      settings: {
        slidesToShow: 1
      }
    }]
  });
  </code></pre>
  
  <p>Thanks for any suggestions</p>