/* Thuvakkam Happenings carousel — mirrors the old Current Happenings slider's styling. */

.th-happenings-wrap{
	max-width:1200px;
	margin:0 auto;
	background:#efefef;
	border-radius:14px;
	padding:32px 40px;
	box-sizing:border-box;
}

/* Image corners softened */
.th-happenings-wrap .et_pb_slide_image img{
	border-radius:8px;
}

/* Override stray Theme Builder background colour on slide IDs 7-11 */
.th-happenings-wrap .et_pb_slider .et_pb_slide,
.th-happenings-wrap .et_pb_slider .et_pb_slide.et_pb_slide{
	background-color:transparent !important;
}

/* Match the old slider's title typography (Theme Builder rule applied to slides 3-6) */
.th-happenings-wrap .et_pb_slider .et_pb_slide .et_pb_slide_description .et_pb_slide_title{
	font-weight:600;
	font-size:18px;
	line-height:1.4em;
	text-align:left;
}

/* Description padding — slightly tighter than the old slider's 80px */
.th-happenings-wrap .et_pb_slider .et_pb_slide_description,
.th-happenings-wrap .et_pb_slider_fullwidth_off .et_pb_slide_description{
	padding-top:40px;
	padding-bottom:40px;
}

/* Pagination dots */
.th-happenings-wrap .et-pb-controllers a{
	background-color:#c4c4c4 !important;
}
.th-happenings-wrap .et-pb-controllers .et-pb-active-control{
	background-color:#2d2d2d !important;
}

/* Mobile: center-align title to match old slider behaviour */
@media (max-width:767px){
	.th-happenings-wrap .et_pb_slider .et_pb_slide .et_pb_slide_description .et_pb_slide_title{
		text-align:center;
	}
}

@media (max-width:768px){
	.th-happenings-wrap{
		padding:24px 20px;
		border-radius:10px;
	}
}