/**
 * @name		Page Builder CK
 * @package		com_pagebuilderck
 * @copyright	Copyright (C) 2015. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 * @author		Cedric Keiflin - https://www.template-creator.com - https://www.joomlack.fr
 */

.cktype[data-type="carousel"] {
	overflow: hidden;
}

.pbck_carousel {
	text-align: center;
	margin: 0 auto;
	max-width: 100%;
	position: relative;
}

.pbck_carousel a {
	color: #ef023f;
	cursor: pointer;
	text-decoration: none;
}

.pbck_carousel .pbck_wrap {
	width: 100%;
	overflow: hidden;
}

.pbck_carousel .pbck_slide_img {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.pbck_carousel .pbck_slides {
	position: relative;
	overflow: hidden;
}

.pbck_carousel .pbck_slides:not([data-sliderheight="auto"]) .pbck_slide_img {
	object-fit: cover;
}

.pbck_carousel .pbck_slides .pbck_wrapinner {
	/*width: 500%;*/
	line-height: 0;
	margin-left: 0;
}

.pbck_carousel .pbck_slide {
	/*width: 20%;*/
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}

.pbck_carousel .pbck_carousel_controls {
	position: absolute;
	bottom: 0;
	right: 0;
}

.pbck_carousel .pbck_carousel_controls .pbck_carousel_control { 
	width: 50px;
	height: 50px;
	opacity: 0.7;
	cursor: pointer;
}

.pbck_carousel .pbck_carousel_controls .pbck_carousel_control:hover {
	opacity: 1;
}

.pbck_carousel .pbck_carousel_controls .control_next {
	background: url('images/next.png') no-repeat;
	float: right;
	margin: 0 10px 0 0;
	display: block;
	background-color: #ccc;
}

.pbck_carousel .pbck_carousel_controls .control_prev  {
	background: url('images/prev.png') no-repeat;
	float: left;
	margin: 0 0 0 17px;
	display: block;
	background-color: #ccc;
}

.pbck_carousel .pbck_slide_caption {
	/*color: #FFFFFF;*/
	/*font-style: italic;*/
	line-height: 20px;
	bottom: 5%;
	/* opacity: 0; */
	position: absolute;
	text-align: left;
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.pbck_carousel .pbck_slide_caption p {
	margin: 0;
	padding: 0;
}

.pbck_carousel .pbck_slide_caption .pbck_slide_title {
	/*color: #FFFFFF;*/
	margin: 0 0 5px;
	font-weight: normal;
	font-size: 1.1em;
	font-style: normal;
	/*background: none repeat scroll 0 0 #222222;*/
	padding: 5px;
	display: inline-block;
}

.pbck_carousel .pbck_slide_caption .pbck_slide_desc {
	/*color: #FFFFFF;*/
	margin: 0 0 5px;
	font-weight: normal;
	font-size: 0.9em;
	font-style: normal;
	/*background: none repeat scroll 0 0 #222222;*/
	padding: 5px;
	/*text-align:right;*/
	display: inline-block;
}

.pbck_carousel .pbck_slide_caption .pbck_slide_title:empty,
.pbck_carousel .pbck_slide_caption .pbck_slide_desc:empty {
	display: none;
}

.pbck_carousel .pbck_slide_caption > br {
	display:block;
	height:0;
	overflow: hidden;
}

/* Animation */

.pbck_carousel.pbck_animate .pbck_slides .pbck_wrapinner {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	 -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
		transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	 -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
		transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}

.pbck_carousel.pbck_animate {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.pbck_carousel.pbck_animate .pbck_carousel_controls .pbck_carousel_control {
	-webkit-transform: translateZ(0);
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

.pbck_carousel.pbck_animate .pbck_slide.current .pbck_slide_caption {
	/* opacity: 1; */
	/* -webkit-transition: all 1s ease-out 0.6s; */
	/* -moz-transition: all 1s ease-out 0.6s; */
	/* -o-transition: all 1s ease-out 0.6s; */
	/* transition: all 1s ease-out 0.6s; */
}


/* thumbs */
.pbck_carousel .pbck_carousel_thumbs {
	overflow: hidden;
	flex-direction: row;
	margin: 5px 0 0 0;
	position: relative;
	z-index: 2;
}

.pbck_carousel .carouselthumbswrap {
	display: flex;
	flex-direction: row;
}

.pbck_carousel .pbck_slide_thumb {
	opacity: 0.5;
	cursor: pointer;
	transition: 0.2s opacity;
	float: left;
}

.pbck_carousel .pbck_slide_thumb + .pbck_slide_thumb {
	margin: 0 0 0 5px;
}

.pbck_carousel .pbck_slide_thumb.current,
.pbck_carousel .pbck_slide_thumb:hover {
	opacity: 1;
}

.pbck_carousel .pbck_carousel .pbck_slide_thumb > img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.pbck_carousel .pbck_carousel_thumbs_control { 
	width: 40px;
	height: 40px;
	opacity: 0.7;
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin: -20px 0 0 0;
}

.pbck_carousel .pbck_carousel_thumbs_control:hover {
	opacity: 1;
}

.pbck_carousel .pbck_carousel_thumbs_control.control_next {
	background: url('images/next.png') center center no-repeat;
	background-color: #ccc;
	right: 0;
}

.pbck_carousel .pbck_carousel_thumbs_control.control_prev  {
	background: url('images/prev.png') center center no-repeat;
	background-color: #ccc;
	left: 0;
}

.pbck_carousel .pbck_slide_link {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
}

.pbck_carousel .pbck_slide_link_button {
	display: block;
}

/************************************
***		Presets						*
************************************/

.cktype[data-type="carousel"][data-preset-layout="1"] .pbck_slide_caption {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.cktype[data-type="carousel"][data-preset-layout="2"] .pbck_slide {
	display: flex;
	flex-direction: column;
}

.cktype[data-type="carousel"][data-preset-layout="2"] .pbck_slide_caption {
	order: 1;
	position: static;
}

.cktype[data-type="carousel"][data-preset-layout="3"] .pbck_slides,
.cktype[data-type="carousel"][data-preset-layout="3"] .pbck_wrap {
	overflow: visible;
}

.cktype[data-type="carousel"][data-preset-layout="3"] .pbck_slide {
	display: flex;
	flex-direction: column;
}

.cktype[data-type="carousel"][data-preset-layout="3"] .pbck_slide_caption {
	order: 1;
	position: static;
}

.cktype[data-type="carousel"][data-preset-layout="4"] .pbck_slide {
	display: flex;
	flex-direction: column;
}

.cktype[data-type="carousel"][data-preset-layout="4"] .pbck_slide_caption {
	position: static;
	order: 1;
}

.cktype[data-type="carousel"][data-preset-layout="5"] .pbck_slide {
	display: flex;
	flex-direction: column;
}

.cktype[data-type="carousel"][data-preset-layout="5"] .pbck_slide_caption {
	position: static;
	order: 1;
}

.cktype[data-type="carousel"][data-preset-layout="5"] .pbck_slide_img {
	border-radius: 5px;
}

.cktype[data-type="carousel"][data-preset-layout="5"] .pbck_slider_controls {
	top: 0;
}