/* showcase.css
 * ---------------------------------
 * @author  Jim Saiya (edits)
 * @date    2019-06-28
 */


.featuredHeading {
    padding-left: 20px;
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: 300;
}
.featuredContent {
    padding-left: 20px;
    padding-bottom: 20px;
}


.panel-title {
    padding-top: 20px;
    padding-bottom: 20px;
}
.band-content-fit-r {
    padding-left: 40px;
}
.band-content-fit-l {
    padding-left: 0 !important;
    padding-right: 40px;
    padding-bottom: 10px;
}
.band-content-fit-r-xs {
    padding-left: 0 !important;
    padding-top: 10px;
}
.band-content-fit-l-xs {
    padding-left: 0 !important;
    padding-right: 10px;
    padding-bottom: 10px;
}
.dotted-red {
    border-style: dotted;
    border-color: red;
}
.dotted-green {
    border-style: dotted;
    border-color: green;
}
.dotted-blue {
    border-style: dotted;
    border-color: blue;
}


.media-item {
    height: 350px;
}
.media-item-xs {
    height: 250px;
}
.media-item    .item img,
.media-item-xs .item img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
}
.media-item    img,
.media-item    iframe,
.media-item-xs img,
.media-item-xs iframe {
    max-height: 100%;
}


.showcasecarousel {
    height: 350px;
}
.showcasecarousel-xs {
    height: 175px;
}
.left-dir-box,
.right-dir-box {
    height: 100%;
    width: 5%;
}
.showcasecarousel    .carousel-control.left,
.showcasecarousel    .carousel-control.right,
.showcasecarousel-xs .carousel-control.left,
.showcasecarousel-xs .carousel-control.right {
    background-image: none;
    background-repeat: none;
    background-color: #009EDF;
    color: #FFF;
    opacity: 100;
    height: 100%;
    width: 100%;
}
.showcasecarousel    .carousel-inner,
.showcasecarousel-xs .carousel-inner {
    background-color: #FFF;
    border: 1px solid #D1CACA;
    height: 100%;
    width: 90%;
}
.showcasecarousel    .carousel-inner > .item > a > img,
.showcasecarousel-xs .carousel-inner > .item > a > img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    line-height: 1;
}
.showcasecarousel    .item,
.showcasecarousel-xs .item {
    position: absolute;
    height: 100%;
    width: 100%;
}
.showcasecarousel    .item img,
.showcasecarousel-xs .item img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
}
.showcasecarousel    img,
.showcasecarousel-xs img {
    max-height: 100%;
    max-width: 100%;
}
.showcasecarousel    iframe,
.showcasecarousel-xs iframe {
    height: 100%;
    width: 100%;
}
.showcasecarousel    .carousel-indicators li,
.showcasecarousel-xs .carousel-indicators li {
    background-color: #F5F5F6;
    border: 1px solid #009EDF;
}
.showcasecarousel    .carousel-indicators li.active,
.showcasecarousel-xs .carousel-indicators li.active {
    background-color: #009EDF;
    border: none;
}