
.swp-article.swp-ad-strossle {
    position: relative;
}

.swp-ad-tag {
    font-size: .9em;
    padding: 0.2em 1em;
    background-color: black;
    color: #fff;
    position: absolute;
    right: .5em;
    top: .5em;
}

.swp-container {
    margin: 2rem 0;

}
    .swp-container .swp-container-header {
        font-size: 1.6em;
        line-height: normal;
    }
    .swp-list a:link,
    .swp-list a:visited {
        color: #222;
        text-decoration: none;
    }
    .swp-list a {
        display: block;
    }
    .swp-list {
      position: relative;
      overflow: hidden;
    }
    .swp-list .double-wrapper{

    }
    .swp-list .double-wrapper a{
      padding: 10px;
      height: 45vw;
    }
    .swp-list .slick-arrow{
      background: #eee;
      cursor: pointer;
      width: 25px;
      height: 25px;
      text-align: center;
      position: relative;
      z-index: 50;
    }
    .swp-list .slick-list{
      overflow: hidden;
    }
    .slick-slide{
      float:left;
    }
    .slick-slide a{
      overflow: hidden;
      position: relative;
    }
    .slick-slide a h3{
      font-size: 1.5em;
    }
    .swp-list .slick-prev{
      position: absolute;
      top:0;
      left:0;
    }
    .swp-list .slick-next{
      position: absolute;
      top: 0;
      right:0;
    }
    .swp-article {
      width: 100% !important;
      float:left;
        //margin: .5rem;
        font-family: 'helvetica neue', helvetica, arial;
        //flex: 1;
        padding: .5rem;
        margin-bottom: 0 !important;
    }
    .swp-article:hover {
        opacity: 0.5;
    }
    .swp-article .swp-title {
        margin: 10px 10px 0;
        font-size: .9em;
        font-weight: 300;
        color: #000;
        line-height: 1.9;
        display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 2; /* number of lines to show */
       text-overflow: ellipsis;
       overflow: hidden;
    }
    .swp-article .swp-desc {
        margin: 6px 10px;
        line-height: 1.6;
        color: #666;
    }
     .swp-image {
        background-position: center;
        background-size: cover;
        height: 150px;
        transition: height 0.15s ease-in;
        margin: 0;
    }



    .swp-container .swp-container-header {
    margin-bottom: 1rem;
    text-align:center;
    font-size: 1.6em;
}
.swp-list .owl-next, .swp-list .owl-prev {
    top: 50px;
}

.swp-list .owl-nav{
  position: absolute;
  top:27%;
  left:0;
  right:0;
  z-index: 0;
  height: 0;
}

@media(max-width: 768px){
  .swp-list .owl-nav{
    position: static;
      width: 71px;
      margin: auto;


  }

}



.swp-list .owl-nav i {
    color: #fff;
    font-size: 28px;
    padding-top: 0.5rem;
}
.owl-carousel.swp-list .owl-nav .owl-next, .owl-carousel.swp-list .owl-nav .owl-prev {
    background: #000;
    width: 35px;
    height: 45px;
    float:left;
    text-align: center;
    touch-action: none;
}
.owl-carousel.swp-list .owl-nav .owl-next{
  float:right;
}



.swp-list .owl-nav button:hover {
    background: #666;
}
.swp-article .swp-title {
    margin: 10px 10px 0;
    font-size: .9em;
    color: #000;
    line-height: 1.9;
}
.swp-ad-tag {
    font-size: 0.9em;
    padding: 0.4em 0.8em;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    letter-spacing: 1px;
    background: rgba(43, 43, 43, 0.8);
    border-bottom-left-radius: 6px;
    font-weight: 200;
}
/* Changes end */


/* Changes Jesper july 19 2018 */
.swp-title {
    text-align: center;
    margin-top: 0.7rem;
    font-family: raleway;
    font-weight: 600;
}

/* Changes End */



@media(max-width: 400px){
  .swp-list .owl-nav i {
    padding-top:0;
  }
}

@media (max-width: 900px) {

  .swp-article .swp-title, .swp-ad-tag{
    font-size: .7em;
  }

    .swp-list {
        flex-flow: row wrap;
    }
    .swp-list .owl-item{
      //width: 360px !important;
      touch-action: none !important;
    }

    .swp-list .owl-item.parent{
      flex-flow: column;
      display: flex;

    }

    .swp-article .swp-desc {
        display: none;
    }
}
