/*!

 * JR Slider Stylesheet

 *

 * @package JR Slider

 * @since JR Slider 1.0

 */



/**

 * Table of Contents:

 *

 * 1.0 - Default Styles

 * 2.0 - Slider Images

 * 3.0 - Slider Info

 * 4.0 - Slider Buttons

 * 5.0 - Button Icons

 * 6.0 - Responsive Touches

 * -----------------------------------------------------------------------------

 */



/*-----------------------------------------------------------------------------------*/

/*	1.0 - Default styles

/*-----------------------------------------------------------------------------------*/

.jrslider {

    display: block;

    position: relative;

    width: 100vw;

    /* previously height: 100vh !important;*/
    
    height:calc(100vh - 100px);

    /* previously max-width: unset !important;*/
    
    max-width: 100vw;

    margin: 80px auto 0 auto;

    /*margin-left: calc(50% - 49.5vw) !important;

    margin-right: calc(50% - 49.5vw) !important;*/

    overflow: hidden;

}



.jrslider .no-gutters {

	margin-left: 0;

	margin-right: 0;

}



.clearfix:before,

.clearfix:after {

	display: table;

	content: " ";

}



.clearfix:after {

	clear: both;

}



.vertical-alignment-wrap {

	display: flex;

	align-items: center;

	justify-content: center;

	/*previously height: 100%;*/
    
    height: 50%;

	width: 100%;

}



.vertical-align-center,

.vertical-align-bottom,

.vertical-align-top {

	width: 100%;

	z-index: 2;

}



.vertical-align-bottom {

	align-self: flex-end;

}



.vertical-align-top {

	align-self: flex-start;

}



.slide-wrapper-main {

    height: 100%;

    width: 100%;

    overflow: hidden;

}



.slide-wrapper-secondary {

    display: inline-block;

    position: absolute;

    top: auto;

    bottom: 0px;

    left: auto;

    right: 0;

    width: 25%;

    height: 45%;

    text-align: center;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

}



.jrslider .slide-wrapper-secondary .slide-info h3,

.jrslider .slide-wrapper-secondary .slide-info a,

.jrslider .slide-wrapper-secondary .slide-info p {

	color: #fff;

}

.jrslider .slide-wrapper-secondary .slide-info h2{
    margin-bottom:0;padding-bottom:0;
}

.jrslider .slide-wrapper-secondary .slide-info p a {

	text-decoration: underline;

	margin-left: 10px;
    
    white-space: nowrap;

}



.jrslider-item .content-area {

    height: auto;

    max-height: 35vh;

}



.jrslider-item {

    position: relative;

    height: 100vh;

    min-width: 100%;

}



.jrslider-item .slide-wrapper-secondary.slide-1 {

    right: 25%;

}



/*-----------------------------------------------------------------------------------*/

/*	2.0 - Slider images

/*-----------------------------------------------------------------------------------*/

.jrslider .slide-image {

	display: block;

	position: relative;

	outline: none;

	overflow: hidden;

	height: 100%;

	width: 100%;

}



.jrslider .slide-image .slide-image-holder {

	position: absolute;

	width: 100%;

	height: 100%;

	margin: 0;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

}




/*previously .jrslider .slide-image:after,*/
.slide-wrapper-secondary:after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    background: rgba(189, 90, 149, 0.9);

    width: 100%;

    height: 100%;

    z-index: 2;

}

.slide-wrapper-secondary:nth-child(3):after {
    
    background: rgba(255, 136, 70, 0.9);

}

.slide-wrapper-secondary:nth-child(2):after {
    
    background: rgba(111, 198, 160, 0.9);

}


/*-----------------------------------------------------------------------------------*/

/*	3.0 - Slider Info

/*-----------------------------------------------------------------------------------*/

.jrslider .slide-info {

	position: relative;

	width: 100%;

	padding: 0 10%;

	z-index: 3;

}



.jrslider .slide-info a,

.jrslider .slide-info a:focus,

.jrslider .slide-info a:active {

	text-decoration: none;

	outline: none;

	box-shadow: none;

	-webkit-box-shadow: none;

}



.jrslider .slide-info h3 {

	font-size: 30px;

	line-height: 1.5em;

	margin: 0 0 15px;

}



.jrslider .slide-wrapper-secondary .slide-info h3 {

	font-size: 24px;

}



.jrslider .slide-info h3 a:hover,

.jrslider .slide-info p a:hover {

	opacity: 0.7;

}



.jrslider .slide-info .slide-excerpt {

	line-height: 150%;

	margin: 5px 0 20px;
    
    font-weight:300;

}

.jrslider .content-area .slide-info .slide-excerpt {
    
    font-size:25px;
    
}


.jrslider .slide-wrapper-secondary .slide-info .slide-excerpt {

    margin-bottom: 0;

}


/*-----------------------------------------------------------------------------------*/

/*	4.0 - Slider Buttons:: Icons

/*-----------------------------------------------------------------------------------*/

.jrslider-button i {

	margin-right: 5px;

	font-weight: 400;

	font-size: 1.1em;

	letter-spacing: normal;

}



/*-----------------------------------------------------------------------------------*/

/*	5.0 - Slider Buttons:: Navigation

/*-----------------------------------------------------------------------------------*/

.jrslider .slick-next,

.jrslider .slick-prev {

	font-size: 0;

	right: calc(50% - 70px);

	bottom: calc(45% - 21px);

	left: auto;

	top: auto;

	width: 70px;
    
    max-width: 70px;
    
    min-width: 70px;

	height: 50px;

	line-height: 100%;

	color: #bd5a95;

	background-color: #eeeeee;

	border: none;

	border-radius: 0;

	z-index: 3;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}


.jrslider .slick-next {

	right: calc(50% - 140px);

    background: #eee url("/wp-content/uploads/arrow-next.jpg") no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}


.jrslider .slick-prev {

    background: #eee url("/wp-content/uploads/arrow-prev.jpg") no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

.jrslider .slick-prev:hover{
    background: #22a169 url("/wp-content/uploads/arrow-prev-hover.jpg") no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.jrslider .slick-next:hover{
    background: #22a169 url("/wp-content/uploads/arrow-next-hover.jpg") no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/*-----------------------------------------------------------------------------------*/

/*	6.0 - Responsive Touches

/*-----------------------------------------------------------------------------------*/


@media (max-width:1024px) {
    
    .jrslider .content-area .slide-info .slide-excerpt {
    
        font-size:20px;

    }
}

@media (max-width: 991px) {

	.jrslider .slide-image, .jrslide .slide-info {

		height: 50vh;

	}

	.slide-wrapper-secondary,

	.jrslider-item .slide-wrapper-secondary.slide-1 {

		width: 50%;

		height: 50vh;

	}



	.jrslider-item .slide-wrapper-secondary.slide-1 {

		left: 0;top:100%;

		right: auto;

	}
    
    .jrslider-item .slide-wrapper-secondary.slide-2,.jrslider-item .slide-wrapper-secondary.slide-3 {
        top:100%;
    }



	.jrslider-item .content-area {

		top:50%;position:absolute;

	}



	.slide-wrapper-main {

		height: 100vh;

	}
    
    .jrslider-button{
        margin-left:auto;margin-right:auto;
    }



	.jrslider .slick-next,

	.jrslider .slick-prev {

		left: 3%;

		right: auto;

		bottom: calc(45% - 50px);

	}



	.jrslider .slick-next {

		right: 3%;

		left: auto;

	}




	.jrslider .slide-info {

		padding: 0 15%;

		text-align: center;

	}
    

	.jrslider .slide-wrapper-secondary .slide-info {

		padding: 0 10%;

	}

}


@media (max-width: 767px) {
    .jrslider {
        height:calc(100vh - 50px);
        margin-top:50px;        
    }
    .jrslider .content-area .slide-info .slide-excerpt {
    
        font-size:16px;

    }
}


@media (max-width: 600px) {
    
    .jrslider{
        height:85vh;
    }
    
    .jrslider .slide-image{

		height: 40vh;

	}
    
     .jrslide .slide-info {

		height: 45vh;

	}

    
    .jrslider-item .content-area {

		top:40%;

	}



	.jrslider .slick-next,

	.jrslider .slick-prev {

		left: 4%;

		width: 50px;min-width:50px;
        
        bottom: calc(60% - 10px);
        
        opacity:0.9;

	}

    

	.jrslider .slick-next {

		right: 4%;

		left: auto;

	}

}

@media(max-width:902px) and (orientation:landscape) and (max-height:500px){
    .jrslider{
        height:auto;
    }
    
    .jrslider .slide-image{

		height: 70vh;

	}
    
     .jrslide .slide-info {

		overflow:visible;z-index:5;background:#fff;

	}

    
    .jrslider-item .content-area {

		overflow:visible;z-index:5;background:#fff;top:48%;padding-top:20px;

	}

    .jrslider-item .slide-wrapper-secondary.slide-1,.jrslider-item .slide-wrapper-secondary.slide-2,.jrslider-item .slide-wrapper-secondary.slide-3 {
        visiblity:hidden;height:0;width:0;display:none;
    }


}