/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 18, 2023, 6:56:04 AM
    Author     : ryankagan
*/

/* changed height of 620px to 420px because image not laying out correctly */

.image-rotator .background-container {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.image-rotator .background-container img {
    height: 440px;
    width: auto;
    object-fit: cover;
}

.rs-slide-item {
    position: relative;
    
}

.rs-in-container {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    flex-direction: column;
}
.image-rotator .box1 {
    font-size: 1.25rem;
    line-height: 1.875rem;
    color: #fff;
}

.image-rotator .box1 h2 {
    font-size: 3.125rem;
    color: #fff;
}


.rs-slide-box.box1 {
    display:inline-block;
    float: left;
    width: 66%;
    height: 440px;
    background-color: #2A6491;
    padding: 40px 140px 40px 180px;
}


.rs-box-container {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    flex-direction: column;
}



.rs-slide-box.box2 {
    display:inline-block;
    float: left;
    width: 34%;
    height: 440px;
    background-color: rgba(255,255,255, .7);
   
    
}

.image-rotator .owl-nav{
        width: 100vw;
    max-width: 100vw!important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}
.image-rotator .nav-btn.prev-slide{
    position: absolute;
    left:0;
    top: -280px;
    background-image: url('assets/fs-slide-arrow-prev.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(255,255,255,.7);
    width: 110px;
    height: 135px;
}
.image-rotator .nav-btn.next-slide{
    position: absolute;
    right:0;
    top: -280px;
    background-image: url('assets/fs-slide-arrow-next.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(255,255,255,.7);
    width: 110px;
    height: 135px;
    
}

.image-rotator .nav-btn.prev-slide:hover {
    background-color: #F9C900;
}
.image-rotator .nav-btn.next-slide:hover {
    background-color: #F9C900;
}

.image-rotator .button.border-top-bottom-yellow {
	font-weight: bold; 
	color: #fff;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    
   
    .rs-slide-container-boxes {
        display:flex;
         flex-flow: column;
    }
    
    
    .rs-slide-box.box1 {
        order:2;
        width: 100%;
        padding: 5px 10px;
    }
    .rs-slide-box.box2 {
        order:1;
        width: 100%;
        padding: 0px 0px;
        height: 290px!important;
    }
    .rs-slide-button {
        margin: 0 auto;
    }
    
    .image-rotator .background-container img {
      height: 290px!important;
     
    }
    .image-rotator .box1 h2, .image-rotator .box1 p {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .image-rotator-inner {
        margin-left: 10px;
        margin-right: 10px;
    }
}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .rs-slide-container-boxes {
        display:flex;
         flex-flow: column;
    }
    
    
    .rs-slide-box.box1 {
        order:2;
        width: 100%;
        padding: 5px 10px;
    }
    .rs-slide-box.box2 {
        order:1;
        width: 100%;
        padding: 0px 0px;
        height: 390px!important;
    }
    .rs-slide-button {
        margin: 0 auto;
    }
    
    .image-rotator .background-container img {
      height: 390px!important;
     
    }
    .image-rotator .box1 h2, .image-rotator .box1 p {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .image-rotator-inner {
        margin-left: 10px;
        margin-right: 10px;
    }
}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}