/* 
	csw-split-carousel.css 
	
	Version: [2018-01-03 1:30 pm]
*/

.cswSplit {
	width: 100%;
	/** box-shadow:2px 2px 10px #ccc; **/
	margin-bottom: 25px;
}

.cswSplit .slider-image {		/* position the Image relative so that its height will be included */
	position:relative;
	top:0;
	bottom:0;
	background-size: cover;
	background-position: bottom right;		/* replace with inline style */
}


.cswSplit .slider-text-wrapper {
	position: absolute;	/* position the text-wrapper-absolute because it might need to behind the image */
	height: inherit;
	top: 0;
	bottom: 0;		/* give absolutely positioned element a height so text can be postioned within it */
} 

.cswSplit .slider-text {
	position: absolute;
	box-sizing: border-box;
	width: 100%;
}



.cswSplit .csw40-60.cswImageLeft .slider-text-wrapper {
	width: 60%;
	left: 40%;	
}
.cswSplit .csw40-60.cswImageLeft .slider-image {
	width: 40%;
	left: 0;	
}
.cswSplit .csw40-60.cswImageRight .slider-text-wrapper {
	width: 40%;
	left: 0;	
}
.cswSplit .csw40-60.cswImageRight .slider-image {
	width: 60%;
	left: 40%;	
}
.cswSplit .csw60-40.cswImageLeft .slider-text-wrapper {
	width: 40%;
	left: 60%;
}
.cswSplit .csw60-40.cswImageLeft .slider-image {
	width: 60%;
	left: 0;
}
.cswSplit .csw60-40.cswImageRight .slider-text-wrapper {
	width: 60%;
	left: 0;
}
.cswSplit .csw60-40.cswImageRight .slider-image {
	width: 40%;
	left: 60%;
}

.cswSplit .csw50-50.cswImageLeft .slider-text-wrapper {
	width: 50%;
	left: 50%;
}
.cswSplit .csw50-50.cswImageLeft .slider-image {
	width: 50%;
	left: 0;
}
.cswSplit .csw50-50.cswImageRight .slider-text-wrapper {
	width: 50%;
	left: 0;
}
.cswSplit .csw50-50.cswImageRight .slider-image {
	width: 50%;
	left: 50%;
}

.cswSplit .csw0 .slider-image {
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
}
.cswSplit .csw0 .slider-text-wrapper {
	width: 100%;
	top: 0;
	left: 0;
	bottom:0;	
}

.cswSplit .csw100 .slider-text-wrapper {
	width: 100%;
	top: 0;
	left: 0;
}
.cswSplit .csw100 .slider-image {
	width: 100%;
}
 
.cswSplit .swiper-slide .wrapper {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.cswSplit .swiper-slide {
	height: auto;				/* need to make background cover area */
	margin-right: 30px;
	/* padding-bottom: 30px */	/* room for nav dots */
}




/* Image Focal Point */
.cswSplit .cswBgPosTopLeft { background-position: left top; }
.cswSplit .cswBgPosTopCenter { background-position: center top; }
.cswSplit .cswBgPosTopRight { background-position: right top; }

.cswSplit .cswBgPosCenterLeft { background-position: left center; }
.cswSplit .cswBgPosCenter { background-position: center center; }
.cswSplit .cswBgPosCenterRight { background-position: right center; }

.cswSplit .cswBgPosBottomLeft { background-position: left bottom; }
.cswSplit .cswBgPosBottomCenter { background-position: center bottom; }
.cswSplit .cswBgPosBottomRight { background-position: right bottom; }

.cswSplit .cswBgSizeAuto { background-size: auto; }
.cswSplit .cswBgSizeCover { background-size: cover; }
.cswSplit .cswBgSizeContain { background-size: contain; background-repeat: no-repeat; }


/* Link/Button Position */
.cswSplit .cswLinkBtnPos-underslide {
	padding: 10px 8px 2px 8px;
}


.cswSplit .cswLinkBtnPos-undertext {
	bottom: 5px;
	left: 0;
	width: 100%;
}
.cswSplit .cswLinkBtnPos-undertext a {
	margin-top: 20px;
}

.cswSplit .cswLinkBtnPos-middle {
	/** text-align:center; **/
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}

/**
.cswSplit .cswLinkAlignLeft a, 
.cswSplit .cswLinkAlignCenter a, 
.cswSplit .cswLinkAlignRight a { margin-top: 20px; }

.cswSplit .cswLinkAlignLeft { text-align:left; }
.cswSplit .cswLinkAlignCenter { text-align:center; }
.cswSplit .cswLinkAlignRight { text-align:right; }

.cswSplit .cswLinkAlignMiddleCenter {text-align:center; position:absolute; width:100%; top:50%; transform: translateY(-50%); }

.cswSplit .cswLinkAlignBottomLeft {text-align:left; bottom:25px; left:25px; position:absolute; }
.cswSplit .cswLinkAlignBottomCenter {text-align:center; bottom:25px; position:absolute; width:100%; }
.cswSplit .cswLinkAlignBottomRight {text-align:right; bottom:25px; right:25px; position:absolute; }
**/


/* Textblock Alignment/Position */
.cswSplit section.cswTextAlignTopLeft .slider-text { top:0; left:0; }
.cswSplit section.cswTextAlignTopCenter .slider-text { top:0; left:50%; transform: translateX(-50%); }
.cswSplit section.cswTextAlignTopRight .slider-text { top:0; right:0; }

.cswSplit section.cswTextAlignMiddleLeft .slider-text { left:0; top:50%; transform: translateY(-50%); }
.cswSplit section.cswTextAlignMiddleCenter .slider-text { left:50%; top:50%; transform: translate(-50%,-50%); }
.cswSplit section.cswTextAlignMiddleRight .slider-text { right:0; top:50%; transform: translateY(-50%); }

.cswSplit section.cswTextAlignBottomLeft .slider-text { left:0; bottom:0; }
.cswSplit section.cswTextAlignBottomCenter .slider-text { left:50%; transform: translateX(-50%); bottom:0; }
.cswSplit section.cswTextAlignBottomRight .slider-text { right:0; bottom:0; }


/* Nav */
.cswSplit .swiper-button-next, 
.cswSplit .swiper-button-prev {
    top: calc(50% - 44px);
    color: white; 
	 text-shadow: 0 1px 1px rgba(0,0,0,.5);
    background: none;
    font-size: 5em;
	 width: auto;
	 line-height: 1em;
	 margin: 0;
}


/* pagination alignment */
.cswSplit .swiper-pagination.cswTextAlign-leftcenter {
    display: inline-block;
    left: 25%;
    transform: translateX(-50%);
}
.cswSplit .swiper-pagination.cswTextAlign-rightcenter {
    display: inline-block;
    left: 75%;
    transform: translateX(-50%);
}


/* pagination dots */
.cswSplit .swiper-pagination-bullet {	
	box-shadow: 0 1px 0 rgba(0,0,0,.3);
   background: #ddd;
   opacity: 1;	
}
.cswSplit .swiper-pagination-bullet-active {
	background: black;
   box-shadow: 0 1px 0 rgba(255,255,255,.3);
	opacity: 1;	
}

/* pagination fraction */
.cswSplit .swiper-pagination.swiper-pagination-fraction {
	color: white;
   text-shadow: 1px 1px #000;
}

/* progress bar */
.cswSplit .swiper-pagination-progressbar {
	background: rgba(255,255,255,.5);	
}
.cswSplit .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: rgba(0,0,0,.5);
}




/* Calculations */

.cswSplit .slider-image { padding-bottom: 60%; }	/* by default image's height is 60% of width */

.cswSplit.cswSwiperFixedHeight .slider-image {		
	padding-bottom: 0;			/* for fixed height turn OFF padding to control image size */
	height: 600px;			/* default max fixed height */
}

@media screen and (max-width: 1100px) {
	.cswSplit .slider-image {
		padding-bottom: 60%;
	}
	
	.cswSplit.cswSwiperFixedHeight .slider-image {		
		height: 500px;			
	}	
}

/***** HAND HELD ******/
@media screen and (max-width: 736px) {
	.cswSplit .swiper-button-next, 
	.cswSplit .swiper-button-prev {
			background-size: 70% 70%;
			top: 12%;
	}
	
	.cswSplit .slider-image, 
	.cswSplit .slider-text-wrapper {
		width: 100% !important;
		position: inherit;
		top: auto;
		right: auto;
		bottom: auto;
		left: 0 !important;
	}

	.cswSplit .slider-image {
		padding-bottom: 80%;		/* height is 80% of width */
	}

	/* set fixed image height */
	.cswSplit.cswSwiperFixedHeight .slider-image {	
	    height: 400px;
	}		
	
	/* reposition rows for fixed height */
	.cswSplit.cswSwiperFixedHeight .swiper-button-next,
	.cswSplit.cswSwiperFixedHeight .swiper-button-prev { top: 166px; }	
	
	
	.cswSplit .swiper-slide .wrapper {
		width: 100%;
		position: relative;
		overflow: hidden;	
		height: auto;
	}	
	
	.cswSplit .csw60-40.cswImageLeft .slider-image,
	.cswSplit .csw60-40.cswImageLeft .slider-text-wrapper,
  	.cswSplit .csw40-60.cswImageLeft .slider-image, 
	.cswSplit .csw40-60.cswImageLeft .slider-text-wrapper {
     width: 100%;
  	}

	.cswSplit .csw60-40.cswImageRight .slider-image,
	.cswSplit .csw60-40.cswImageRight .slider-text-wrapper,
  	.cswSplit .csw40-60.cswImageRight .slider-image, 
	.cswSplit .csw40-60.cswImageRight .slider-text-wrapper {
     width: 100%;
  	}
	
	.cswSplit .slider-text {
		padding: 20px;
	  	position: inherit;		
	}
	
	.cswSplit .swiper-button-next, 
	.cswSplit .swiper-button-prev {
		background-size: 70% 70%;
		top: 25%;
	}
	
	
	/* Link/Button Alignment Override */
	.cswSplit .cswLinkAlignMiddleCenter {text-align:center; position:absolute; width:100%; top:50%; transform: translateY(-50%); }

	.cswSplit .cswLinkAlignBottomLeft {text-align:left; margin-left:20px; position:static; }
	.cswSplit .cswLinkAlignBottomCenter {text-align:center; position:static; width:100%; }
	.cswSplit .cswLinkAlignBottomRight {text-align:right; margin-right:20px; position:static; }	


	/* Textblock Alignment/Position */
	.cswSplit section.cswTextAlignTopLeft .slider-text, 
	.cswSplit section.cswTextAlignTopCenter .slider-text, 
	.cswSplit section.cswTextAlignTopRight .slider-text,
	.cswSplit section.cswTextAlignMiddleLeft .slider-text, 
	.cswSplit section.cswTextAlignMiddleCenter .slider-text,
	.cswSplit section.cswTextAlignMiddleRight .slider-text,
	.cswSplit section.cswTextAlignBottomLeft .slider-text, 
	.cswSplit section.cswTextAlignBottomCenter .slider-text, 
	.cswSplit section.cswTextAlignBottomRight .slider-text { top:auto; left:auto; right:auto; transform:none; }
	
	/* if no-image, remove image */
	.cswSplit .csw0 .slider-image { display: none; }	
}


@media screen and (max-width: 476px) {

	.cswSplit .swiper-button-next, 
	.cswSplit .swiper-button-prev {
		background-size: 70% 70%;
		top: 15%;
	}

	.cswSplit.cswSwiperFixedHeight .slider-image {	
	    height: 250px;
	}	
	
	/* reposition rows for fixed height */
	.cswSplit.cswSwiperFixedHeight .swiper-button-next,
	.cswSplit.cswSwiperFixedHeight .swiper-button-prev { top: 81px; }
}

.cswSplit .swiper-slide-active {
	opacity: 1 !important;
}