///////////////////////////////////////////////////////////////
// Device: Desktop
///////////////////////////////////////////////////////////////

.sri1 {
    @include outer-container;
    border: 1px solid $color-grey-border-lighter;
    list-style-type: none;
    padding: 40px 50px 0 50px;

    @include tablet-landscape-and-below {
        padding: 20px;
    }

}

.sri-header-title {
    font-family: "Lucien-light";
    font-size: 2.4em;
    color: $color-golden;
    margin-bottom: 10px;
}

.sri-header-subtitle {
    font-family: "Lucien-regular";
    font-size: 1.3em;
    color: $color-black;
}

.sri-content {

    margin: 30px auto 40px auto;
    font-family: 'Lucien-light';
    font-size: 1.10em;
    line-height: 1.25em;

    @include tablet-portrait-and-below {
        width: 100%;
        margin: 20px auto;

    }

}

.sri-container {
    position: relative;
}

.sri-bar {
    position: absolute;
    bottom: 30px;
    z-index: 9999;
    width: 100%;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.8);
    color: $color-white;
    padding-right: 20px;
    @include text-right;

    @include tablet-landscape-and-below {

        position: relative;
        bottom: 0;
        background-color: $color-transparent;
        padding-right: 0;
        @include text-center;
        height: auto;

    }

}

.sri-bar-cta {
    display: inline-block;
    margin-top: -10px;

    @include tablet-landscape-and-below {
        display: block;
        margin-top: 10px;
    }

    .button-golden {
        padding: 18px 15px;
        font-size: 0.9em;
    }

}

.sri-bar-title {
    font-family: "Lucien-light";
    font-size: 1.2em;
    line-height: 40px;
    margin-right: 10px;
    color: $color-white;

    @include tablet-landscape-and-below {
        display: block;
        color: $color-black;
        margin-right: 0;
        line-height: normal;
        padding: 10px 0 0 0;
    }

}

.sri-bar-subtitle {
    font-family: "Lucien-light";
    font-size: 0.90em;
    line-height: 40px;
    margin-right: 10px;
    color: $color-white;

    @include tablet-landscape-and-below {
        display: block;
        color: $color-black;
        margin-right: 0;
        line-height: normal;
        padding: 5px 0;
    }

}

.sri-loc2 {

    padding: 60px 0 40px 0;

    @include tablet-landscape-and-below {
        padding: 30px 0;
    }

}

///////////////////////////////////////////////////////////////
// Device: Tablet
///////////////////////////////////////////////////////////////

@include tablet-landscape-and-below {
    .sri1 {
        .flickity-prev-next-button {
            top: 38%
        }
    }
}

@include tablet-portrait-and-below {
    .sri1 {
        .flickity-prev-next-button {
            top: 30%
        }
    }
}

///////////////////////////////////////////////////////////////
// Device: Mobile
///////////////////////////////////////////////////////////////

@include mobile-landscape-and-below {
    .sri1 {
        .flickity-prev-next-button {
            top: 26%
        }
    }
}
