﻿.slideshow-single .slide-inner { display: block; padding-top: 56.25%; background-position: center center; background-size: cover; position:relative; margin: 0 -10px;box-shadow:none;}
.slideshow-single .slide-inner .slide-image {position:absolute;left:-999em;top:-999em;}
.slideshow-single-side figure > .image-wrap{margin: 0 0 1rem;}
.slideshow-single-side figure { display: flex; flex-wrap: wrap; margin: 0 0 3rem; }
.slideshow-single-side figure > .image-wrap, .slideshow-single-side figure > figcaption { width: 100%; }
.slideshow-single-side figure h1 { font-size: 2rem; }
.slideshow-single-side figure h1 sup { display: block; font-size: 70%; color: #5d5d5d; top: 0; line-height: inherit; margin: 0 0 .5rem; }
@media(min-width: 992px) {
  .slideshow-single .slide-inner{margin:0;}
  .slideshow-single-side figure > .image-wrap { width: 65%; padding-right: 1.5rem; margin: 0; }
  .slideshow-single-side figure > figcaption { width: 35%; }
}
@media(min-width: 1201px) { 
.slideshow-single .slide-inner { }
.slideshow-single-side figure > .image-wrap { width: 70%;  }
.slideshow-single-side figure > figcaption { width: 30%; }
}

/*Generic*/
@media (max-width: 1199px), (max-device-width: 1199px) {
}

@media (max-width: 991px), (max-device-width: 991px) {
    /*Pager*/
    .GenericSlideshow .slideWrapper .rsNav {
        display: none !important;
    }
}

@media (max-width: 767px), (max-device-width: 767px) {
    /*.GenericSlideshow .slideWrapper .slideContainer .rsOverflow .GenericSlideshowItem img
    {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        margin-right: 0 !important;
        transform: none !important;
        width: 100%;
    }
    .GenericSlideshow .slideWrapper .slideContainer .rsOverflow .GenericSlideshowItem .top a
    {
        height: 0 !important;
        padding: 66% 0 0 0;
    }*/
}

.GenericSlideshow .slideWrapper .slideContainer {
    position: relative;
}

    .GenericSlideshow .slideWrapper .slideContainer .rsOverflow {
        height: 100% !important;
    }

        .GenericSlideshow .slideWrapper .slideContainer .rsOverflow .GenericSlideshowItem .top a {
            position: relative;
            display: block;
            background: black;
            text-decoration: none !important;
            width: 100%;
            height: 760px;
            overflow: hidden;
        }

        .GenericSlideshow .slideWrapper .slideContainer .rsOverflow .GenericSlideshowItem img {
            max-width: 100%;
            max-height: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, -50%);
        }

        /*Caption Info*/
        .GenericSlideshow .slideWrapper .slideContainer .rsOverflow .GenericSlideshowItem .bottom {
            margin-top: 10px;
            font-size: 12px;
            text-align: left;
            text-shadow: none;
            color: #333;
        }

            .GenericSlideshow .slideWrapper .slideContainer .rsOverflow .GenericSlideshowItem .bottom .slideTitle {
                font-weight: bold;
            }

    /*Pager Arrows*/
    .GenericSlideshow .slideWrapper .slideContainer .rsArrow {
        font-size: 32px;
        cursor: pointer;
        color: #ddd;
        position: absolute;
    }

        .GenericSlideshow .slideWrapper .slideContainer .rsArrow.rsArrowLeft {
            padding-left: 10px;
        }

        .GenericSlideshow .slideWrapper .slideContainer .rsArrow.rsArrowRight {
            padding-right: 10px;
            right: 0;
        }

        .GenericSlideshow .slideWrapper .slideContainer .rsArrow.rsArrowDisabled {
            color: #777 !important;
        }

    .GenericSlideshow .slideWrapper .slideContainer .rsArrowLeft .rsArrowIcn:before {
        display: inline-block;
        font-family: "Font Awesome 5 Free";
        font-style: normal;
        font-variant: normal;
        font-weight: 900;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f053";
    }



    .GenericSlideshow .slideWrapper .slideContainer .rsArrowRight .rsArrowIcn:before {
        display: inline-block;
        font-family: "Font Awesome 5 Free";
        font-style: normal;
        font-variant: normal;
        font-weight: 900;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f054";
    }

/*Pager*/
.GenericSlideshow .slideWrapper .rsNav {
    margin: auto;
    Position: relative;
    Bottom: 0;
    Padding-top: 10px;
}

    .GenericSlideshow .slideWrapper .rsNav .rsNavItem {
        width: 10px;
        height: 10px;
        margin: 1px 5px 1px 1px;
        border: 1px solid #fff;
        border-radius: 10px;
        background-color: #355E92;
        border-color: #355E92;
        cursor: pointer;
        display: inline-block;
    }

        /* To style nav bullets that are next or prev currently selected bullet*/
        .GenericSlideshow .slideWrapper .rsNav .rsNavItem.rsNavPrev {
            /*background-color: red;*/
        }

        .GenericSlideshow .slideWrapper .rsNav .rsNavItem.rsNavNext {
            /*background-color: yellow;*/
        }

        .GenericSlideshow .slideWrapper .rsNav .rsNavItem:hover {
            background-color: #fff;
        }

    .GenericSlideshow .slideWrapper .rsNav .rsNavSelected {
        width: 12px;
        height: 12px;
        margin: 0 5px 0 0;
        background-color: #fff;
    }

    .GenericSlideshow .slideWrapper .rsNav .rsNavItem span {
    }


.GenericSlideshow .totalCounter {
    display: none;
    padding-top: 10px;
    margin: auto;
    position: relative;
    text-align: center;
}

.GenericSlideshow .slideNumber {
    display: none;
}

/* updates from design; todo: move to appropriate rule above, these are likely duplicates*/
.GenericSlideshow .slideWrapper .slideContainer .rsOverflow .GenericSlideshowItem .bottom {
    font-size: 17px;
    line-height: 1.5em;
}

.GenericSlideshow .slideWrapper .rsNav .rsNavItem {
    width: 15px;
    height: 15px;
    margin: 0 5px;
    background-color: #adadad;
    border-color: #adadad;
}

    .GenericSlideshow .slideWrapper .rsNav .rsNavItem:hover {
        background-color: #767676;
        border-color: #767676;
    }

.GenericSlideshow .slideWrapper .rsNav .rsNavSelected {
    margin: 0 5px;
    background-color: #355e93;
    border-color: #355e93;
}

    .GenericSlideshow .slideWrapper .rsNav .rsNavSelected:hover {
        cursor: default;
        background-color: #355e93;
        border-color: #355e93;
    }
