/**
 * Updated:			01/23/2025
 * Author:			RSGDX
 * License:			GPL v2 or later
 * License URI:		https://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain:		rsgdx
 * Plugin URI:		https://rynerworld.com/
 * Author URI:		https://rynerworld.com/
 * Domain Path:		/languages
 * 
 * @package			RSGDX
 * @author			Ryner S. Galaus
 * 
 */

/*******************************************
 * VERTICAL SLIDER
*******************************************/
body.rsgdx-active .rsgdx-vertical-slider-posts-container {
	position: relative; overflow: hidden; height: 700px; width: 100%; display: flex; justify-content: center; align-items: center;
}
body.rsgdx-active .rsgdx-vertical-slider-posts-container {
	-ms-overflow-style: none; /* Hide scrollbar for IE/Edge */
	scrollbar-width: none; /* Hide scrollbar for Firefox */
}
body.rsgdx-active .rsgdx-vertical-slider-posts-container::-webkit-scrollbar {
	display: none; /* Hide scrollbar for Chrome, Safari, Opera */
}
body.rsgdx-active .rsgdx-vertical-slider-posts {
	width: 100%;
}
body.rsgdx-active .rsgdx-vertical-slider-post {
	width: 100%; position: absolute; display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; justify-content: space-between; z-index: 1; opacity: 0.4; transition: ease 1s;
}
body.rsgdx-active .rsgdx-vertical-slider-post-1 {
	top: -5%; cursor: pointer;
}
body.rsgdx-active .rsgdx-vertical-slider-post-2 {
	top: 15%;
}
body.rsgdx-active .rsgdx-vertical-slider-post-3 {
	top: 75%; cursor: pointer;
}
body.rsgdx-active .rsgdx-vertical-slider-post-col-1 {
	width: 30%;
}
body.rsgdx-active .rsgdx-vertical-slider-post-col-2 {
	width: 50%;
}
body.rsgdx-active .rsgdx-vertical-slider-post-col-3 {
	width: 20%; text-align: right;
}
body.rsgdx-active .rsgdx-vertical-slider-post-col-1 h4 {
	font-size: 25px;
}
body.rsgdx-active .rsgdx-vertical-slider-post-col-2 .rsgdx-vertical-slider-post-img {
	padding: 20px; position: relative; text-align: center;
}
body.rsgdx-active .rsgdx-vertical-slider-post-col-2 .rsgdx-vertical-slider-post-img img {
	width: 250px; height: 150px; object-fit: cover; object-position: center; border-radius: 20px;
}
body.rsgdx-active .rsgdx-vertical-slider-post-col-3 h5 {
	margin-bottom: 20px; font-size: 15px;
}
body.rsgdx-active .rsgdx-vertical-slider-post-col-3 p {
	margin-bottom: 30px; font-size: 12px;
}
body.rsgdx-active .rsgdx-vertical-slider-post-col-3 .rsgdx-vertical-slider-post-btns {
	display: none;
}
body.rsgdx-active .rsgdx-vertical-slider-post-col-3 .rsgdx-vertical-slider-post-btns a {
	font-size: 12px; padding: 5px 10px;
}
body.rsgdx-active .rsgdx-vertical-slider-post-col-3 .rsgdx-vertical-slider-post-btns a:first-child {
	margin-right: 10px;
}
body.rsgdx-active .rsgdx-vertical-slider-post-active {
	z-index: 2; opacity: 1; transition: ease 1s;
}
body.rsgdx-active .rsgdx-vertical-slider-post-active .rsgdx-vertical-slider-post-col-1 > * {
	color: var(--site_primary_color);
}
body.rsgdx-active .rsgdx-vertical-slider-post-active .rsgdx-vertical-slider-post-col-1 h4 {
	font-size: 50px;
}
body.rsgdx-active .rsgdx-vertical-slider-post-active .rsgdx-vertical-slider-post-col-2 .rsgdx-vertical-slider-post-img img {
	width: 700px; height: 450px;
}
body.rsgdx-active .rsgdx-vertical-slider-post-active .rsgdx-vertical-slider-post-col-3 h5 {
	font-size: 20px;	
}
body.rsgdx-active .rsgdx-vertical-slider-post-active .rsgdx-vertical-slider-post-col-3 p {
	font-size: 15px;
}
body.rsgdx-active .rsgdx-vertical-slider-post-active .rsgdx-vertical-slider-post-col-3 .rsgdx-vertical-slider-post-btns {
	display: block;
}
body.rsgdx-active .rsgdx-vertical-slider-post-active .rsgdx-vertical-slider-post-col-3 .rsgdx-vertical-slider-post-btns a {
	font-size: 15px; padding: 10px 20px;
}

/*******************************************
 * ARROWS
*******************************************/
.rsgdx-sliders-container-arrow {
	color: var(--site_shade_5);
	position: absolute;
	z-index: 999;
	left: 0;
	font-size: 40px;
	opacity: 0.5;
	cursor: pointer;
	transition: ease .3s;
}
.rsgdx-sliders-container-arrow:hover {
	opacity: 1; transition: ease .3s;
}
.rsgdx-sliders-container-arrow.fa-circle-up {
	top: 20%;
}
.rsgdx-sliders-container-arrow.fa-circle-down {
	bottom: 20%;
}


/*******************************************
 * Responsiveness
*******************************************/
@media only screen and (max-width: 1350px) {
	body.rsgdx-active .rsgdx-vertical-slider-post-col-2 {
		width: 50%;
	}
	body.rsgdx-active .rsgdx-vertical-slider-post-col-3 {
		width: 30%;
	}
}
@media only screen and (max-width: 991px) {
	body.rsgdx-active .rsgdx-vertical-slider-post {
		flex-direction: column;
	}
	body.rsgdx-active .rsgdx-vertical-slider-post > div {
		width: 100%;
	}
	body.rsgdx-active .rsgdx-vertical-slider-post-col-1 h4 {
		font-size: 20px;
	}
	body.rsgdx-active .rsgdx-vertical-slider-post-col-2,
	body.rsgdx-active .rsgdx-vertical-slider-post-col-3 {
		display: none;
	}
	body.rsgdx-active .rsgdx-vertical-slider-post-active .rsgdx-vertical-slider-post-col-2 {
		display: block;
	}
	body.rsgdx-active .rsgdx-vertical-slider-post-active .rsgdx-vertical-slider-post-col-2 .rsgdx-vertical-slider-post-img img {
		width: 100%; height: 300px;
	}
	body.rsgdx-active .rsgdx-vertical-slider-post-active .rsgdx-vertical-slider-post-col-3 {
		text-align: left; max-width: 400px; display: block;
	}
	body.rsgdx-active .rsgdx-vertical-slider-post-1 {
		top: 0%;
	}
	body.rsgdx-active .rsgdx-vertical-slider-post-2 {
		top: 10%;
	}
	body.rsgdx-active .rsgdx-vertical-slider-post-3{
		top: 0%; left: 60%;
	}
	.rsgdx-sliders-container-arrow {
		display: none;
	}
}
@media only screen and (max-width: 600px) {
	body.rsgdx-active .rsgdx-vertical-slider-posts-container {
		height: 750px;
	}
	body.rsgdx-active .rsgdx-vertical-slider-post > div {
		font-size: 12px;
	}
	body.rsgdx-active .ec-home-brands-container .rsgdx-vertical-slider-posts .rsgdx-vertical-slider-post-active .rsgdx-vertical-slider-post-col-1 h4 {
		font-size: 60px;
	}
	body.rsgdx-active .ec-home-brands-container .rsgdx-vertical-slider-posts .rsgdx-vertical-slider-post-active .rsgdx-vertical-slider-post-col-1 span {
		font-size: 18px;
	}
	body.rsgdx-active .rsgdx-vertical-slider-post-col-2 .rsgdx-vertical-slider-post-img {
		padding: 20px 0;
	}
	body.rsgdx-active .rsgdx-vertical-slider-post-active .rsgdx-vertical-slider-post-col-3 {
		max-width: 100%;
	}
}

@media only screen and (max-width: 450px) { 
	body.rsgdx-active .rsgdx-vertical-slider-post-active .rsgdx-vertical-slider-post-col-2 .rsgdx-vertical-slider-post-img img {
		height: 200px;
	}
	body.rsgdx-active .rsgdx-vertical-slider-post-1 {
		width: 100%!important;
	}
	body.rsgdx-active .rsgdx-vertical-slider-post-2 {
		top: 16%;
		width: 100%!important;
	}
	body.rsgdx-active .rsgdx-vertical-slider-post-3 {
		top: 8%;
		left: 0%!important;
		width: 100%!important;
	}
	body.rsgdx-active .ec-home-brands-container .rsgdx-vertical-slider-posts .rsgdx-vertical-slider-post-active .rsgdx-vertical-slider-post-col-1 h4 {
		font-size: 40px;
	}
}