.news-carousel{
    padding-bottom: 10px;
}

.news-carousel > div{
    padding-left: 0;
    padding-right: 0;
}

.carousel-thumbnail-wrapper {
    list-style: none;
    padding: 0;
    margin: 0;
}

.carousel-thumbnail-wrapper > li > a{
    display: block;
    border-left: 2px solid transparent;
    cursor: pointer;
    text-decoration: none;
}

.carousel-thumbnail-wrapper > li > a:hover{
    background: #ffbb01;
}

.carousel-thumbnail-wrapper .selected .news-excerpt {
    background-color: #e2e2e2;
    color: #000;
}

.carousel-thumbnail-wrapper .selected .news-excerpt:after{
    right: -10px;
    position: absolute;
    top: 0;
    z-index: 50;

    width: 0;
    height: 0;
    border-style: solid;
    border-width: 32px 0 30px 10px;
    border-color: transparent transparent transparent #e2e2e2;

    content: "";
}

.carousel-thumbnail-wrapper .news-excerpt{
    position: relative;
    height: 61px; /* TODO change this to something more flexible*/
    color: #000;
}

.carousel-thumbnail-wrapper .news-excerpt > h3{
    font-size: 1em;
}
/* Carousel starts */
.carousel-inner .item .news-excerpt{
    position: absolute;
    bottom: 0;
    opacity: 0.9;
	text-align:justify;
	font-size:0.9em
}

@media (min-width: 768px) and (max-width: 1200px){
    .carousel-inner .item {
        height: 400px;
    }
}

@media (min-width: 979px) {
    .news-carousel{
        margin-right: 0;
    }
}

@media screen and (orientation:landscape) and (max-width: 767px){
    .news-carousel{
        display: none;
    }
}