body {
	font-family: Rasa;
}
.portfolio-item .icon-links,
.portfolio-item .port-captions {
	cursor: pointer;
}

.share-post .whatsapp span {
	background: #25d366;
	color: #fff;
}

.share-post .fa.main-color {
	background: #fff;
	border: 1px solid #d25c37;
}

.share-post .instagram span {
	background: #f09433;
	background: -moz-linear-gradient(
		45deg,
		#f09433 0%,
		#e6683c 25%,
		#dc2743 50%,
		#cc2366 75%,
		#bc1888 100%
	);
	background: -webkit-linear-gradient(
		45deg,
		#f09433 0%,
		#e6683c 25%,
		#dc2743 50%,
		#cc2366 75%,
		#bc1888 100%
	);
	background: linear-gradient(
		45deg,
		#f09433 0%,
		#e6683c 25%,
		#dc2743 50%,
		#cc2366 75%,
		#bc1888 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
	color: #fff;
}

.share-post a {
	margin: 0 3px 0 0;
	border: 0;
	float: left;
	background-color: transparent;
	padding: 0;
}

.share-post a span {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	display: block;
	background-color: #ddd;
	position: relative;
	text-align: center;
}

.share-post .copied {
	font-size: 10px;
	display: block;
	text-align: right;
}

.featured-videos {
	padding: 50px 20px;
	background-color: #f9f6f1;
}

.featured-videos .container {
	max-width: 1200px;
	margin: 0 auto;
}

.heading.main.centered {
	text-align: center;
	margin-bottom: 30px;
}

.heading.main.centered h3 {
	font-size: 2rem;
	margin-bottom: 10px;
	color: #a94442;
}

.heading.main.centered a {
	color: #a94442;
	font-weight: 600;
	text-decoration: none;
	margin-top: 10px;
	display: inline-block;
}

.videos-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 25px;
}

.video-card {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 12px;
	overflow: hidden;
	transition: transform 0.3s ease;
}

.video-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

/* 16:9 Thumbnail Wrapper */
.video-thumbnail-wrapper {
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* 16:9 aspect ratio */
	overflow: hidden;
}

.video-thumbnail-wrapper img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video-title {
	display: block;
	padding: 15px 10px;
	font-size: 1.1rem;
	color: #333;
	text-decoration: none;
	font-weight: 600;
	text-align: center;
	font-family: "Verdana", sans-serif;
}

.video-title:hover {
	color: #a94442;
}

/* put print below this line */
@media print {
	/* All your print styles go here */
	header,
	footer,
	.breadcrumbs,
	.sidebar,
	.post-tools,
	.post-meta,
	.btn {
		display: none !important;
	}
}
