/**
 * Section Title.
 *
 * @package RivenGaming
 */


/* Wrapper
--------------------------------------------- */

.riven-section-title {
	position: relative;

	display: flex;
	flex-direction: column;
	align-items: center;

	gap: 12px;

	text-align: center;
}



/* Subtitle
--------------------------------------------- */

.riven-section-subtitle {
	display: inline-flex;

	font-size: 14px;
	font-weight: 600;

	line-height: 1;

	color: #666666;
}



/* Title
--------------------------------------------- */

.riven-section-heading {
	position: relative;

	margin: 0;

	font-size: 36px;
	font-weight: 700;
	line-height: 1.2;

	color: #111111;
}


.riven-title-part-two {
	color: #2563eb;
}



/* Description
--------------------------------------------- */

.riven-section-description {
	max-width: 600px;

	font-size: 16px;
	line-height: 1.6;

	color: #777777;
}



/* Divider
--------------------------------------------- */

.riven-title-divider {
	display: block;

	width: 60px;
	height: 3px;

	background: #2563eb;

	border-radius: 10px;
}



/* Left Line Style
--------------------------------------------- */

.riven-title-left-line
.riven-section-heading {

	display: flex;
	align-items: center;
	gap: 12px;

}


.riven-title-left-line
.riven-section-heading:before {

	content: "";

	width: 5px;
	height: 35px;

	background: #2563eb;

	border-radius: 5px;

}



/* Side Line Style
--------------------------------------------- */

.riven-title-side-line
.riven-section-heading {

	display: flex;
	align-items: center;

	gap: 20px;

}


.riven-title-side-line
.riven-section-heading:before,
.riven-title-side-line
.riven-section-heading:after {

	content: "";

	width: 50px;
	height: 2px;

	background: #2563eb;

}



/* Badge Style
--------------------------------------------- */

.riven-title-badge
.riven-section-subtitle {

	padding:
		8px 16px;

	background:
		#f5f5f5;

	border-radius: 30px;

}



/* Background Text
--------------------------------------------- */

.riven-title-background-text {

	position: absolute;

	top: 50%;
	left: 50%;

	transform:
		translate(-50%, -50%);

	font-size: 90px;
	font-weight: 800;

	color:
		rgba(0,0,0,.05);

	z-index: -1;

}



/* Responsive
--------------------------------------------- */

@media (max-width: 767px) {


	.riven-section-heading {

		font-size: 28px;

	}


	.riven-section-description {

		font-size: 14px;

	}


	.riven-title-side-line
	.riven-section-heading:before,
	.riven-title-side-line
	.riven-section-heading:after {

		width: 25px;

	}


}