/* Read More Read Less TV PY BTN - Frontend styles */

.tvpy-rmrl-wrapper {
	position: relative;
	margin-bottom: 50px;
}

.tvpy-rmrl-title {
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 10px;
}

.tvpy-rmrl-content {
	overflow: hidden;
	position: relative;
	transition: max-height 0.4s ease;
}

.tvpy-rmrl-heading {
	margin: 0 0 12px;
	font-size: 20px;
	font-weight: 600;
}

.tvpy-rmrl-text {
	margin: 0 0 14px;
	line-height: 1.7;
}

.tvpy-rmrl-image {
	margin: 0 0 14px;
}

.tvpy-rmrl-image img {
	max-width: 100%;
	height: auto;
	display: block;
}

.tvpy-rmrl-item-button {
	margin: 0 0 14px;
}

.tvpy-rmrl-item-btn-link {
	display: inline-block;
	padding: 8px 20px;
	background-color: #2563eb;
	color: #ffffff;
	text-decoration: none;
	border-radius: 4px;
	transition: background-color 0.25s ease;
}

.tvpy-rmrl-item-btn-link:hover {
	background-color: #406f68;
	color: #ffffff;
}

.tvpy-rmrl-item-icon {
	margin: 0 0 14px;
	font-size: 28px;
	color: #2563eb;
}

.tvpy-rmrl-video {
	margin: 0 0 14px;
	position: relative;
}

.tvpy-rmrl-video iframe {
	max-width: 100%;
}

.tvpy-rmrl-spacer {
	width: 100%;
}

.tvpy-rmrl-btn-wrap {
	margin-top: 14px;
}

/* =========================================
   TVPY READ MORE BUTTON
========================================= */

.tvpy-rmrl-btn {
	position: relative;
	overflow: hidden;
	transition: all 0.35s ease;
	padding: 13px 25px !important;
    border: 0px !important;
    border-radius: 25px !important;
	font-size: 13px !important;
    text-transform: uppercase;
    font-family: 'IBM Plex Sans' !important;
    font-weight: 500;
}

/* Hover colors */
.tvpy-rmrl-btn:hover {
	color:#fff !important;
	background-color:#406f68 !important;
	opacity: 0.9;
    transform: translateY(-2px);
}

/* Slide Left */
.tvpy-rmrl-hover-slide_left {
	background-size: 200% 100% !important;
	background-position: right center !important;
}

.tvpy-rmrl-hover-slide_left:hover {
	background-position: left center !important;
}

/* Slide Right */
.tvpy-rmrl-hover-slide_right {
	background-size: 200% 100% !important;
	background-position: left center !important;
}

.tvpy-rmrl-hover-slide_right:hover {
	background-position: right center !important;
}

/* Slide Top */
.tvpy-rmrl-hover-slide_top {
	background-size: 100% 200% !important;
	background-position: center bottom !important;
}

.tvpy-rmrl-hover-slide_top:hover {
	background-position: center top !important;
}

/* Slide Bottom */
.tvpy-rmrl-hover-slide_bottom {
	background-size: 100% 200% !important;
	background-position: center top !important;
}

.tvpy-rmrl-hover-slide_bottom:hover {
	background-position: center bottom !important;
}

/* Shine */
.tvpy-rmrl-hover-shine::after {
	content: "";
	position: absolute;
	top: 0;
	left: -130%;
	width: 60%;
	height: 100%;
	background: rgba(255,255,255,.28);
	transform: skewX(-25deg);
	transition: left .6s ease;
	pointer-events: none;
}

.tvpy-rmrl-hover-shine:hover::after {
	left: 140%;
}

/* Gradient */
.tvpy-rmrl-hover-gradient {
	background-size: 200% 100% !important;
	background-position: left center !important;
}

.tvpy-rmrl-hover-gradient:hover {
	background-position: right center !important;
}

/* Pulse */
.tvpy-rmrl-hover-pulse:hover {
	animation: tvpy-rmrl-pulse 1s ease-in-out infinite;
}

@keyframes tvpy-rmrl-pulse {
	0% {
		box-shadow: 0 0 0 rgba(37,99,235,0);
	}

	50% {
		box-shadow: 0 0 20px rgba(37,99,235,.55);
	}

	100% {
		box-shadow: 0 0 0 rgba(37,99,235,0);
	}
}

/* Border */
.tvpy-rmrl-hover-border {
	border: 2px solid transparent;
}

.tvpy-rmrl-hover-border:hover {
	border-color: currentColor;
}