@use "mixins/mixins-master" as *;
@use "mixins/flex" as *;
@use "variables" as *;
.thim-sc-heading {
	&.margin-top {
		margin-top: -130px;
	}

	.secondary-heading {
		max-width: 800px;
		margin: auto;
		margin-bottom: 60px;
		color: #666;
	}

	.heading-content {
		max-width: 800px;
		margin: auto;

		&.show-separator {
			margin-top: -130px;
		}

		.primary-heading {
			margin-top: 40px;
			margin-bottom: 16px;
			font-weight: $thim_font_title_font_weight;
			font-size: 36px;
			line-height: normal;
		}

		.border {
			position: relative;
			@include clearfix();
			&.border-top {
				height: 243px;
				margin-bottom: 27px;
			}

			&.border-bottom {
				height: 40px;
				margin-top: 27px;

				&:before {
					top: 100%;
				}
			}

			&:before {
				width: 5px;
				height: 5px;
				background: #ccc;
				@include opacity(0.5);
				border-radius: 50%;
				content: "";
				position: absolute;
				top: 0;
				margin: auto;
				margin-left: -2px;
				display: inline-block;
			}

			&:after {
				content: " ";
				width: 1px;
				background: #ccc;
				@include opacity(0.5);
				display: inline-block;
				top: 0;
				bottom: 0;
				position: absolute;
				margin: auto;
			}
		}
	}

	//layout 1 small
	&.custom-small {
		.heading-content .border.border-top {
			height: 120px;
		}
	}

	//layout 1 medium
	&.custom-medium {
		.heading-content {
			max-width: 530px;

			.border.border-top {
				height: 200px;
			}
		}
	}

	&.layout-2 {
		margin-bottom: 60px;

		&.text-center {
			.secondary-heading {
				margin-bottom: 20px;
			}

			.underline {
				display: block;
				margin: 0 auto;
				margin-top: 17px;
			}
		}

		.heading-content {
			.primary-heading {
				font-size: 36px;
				font-weight: 500;
				line-height: 1.1;
				margin-bottom: 16px;
			}
		}

		.secondary-heading {
			font-size: 16px;
			line-height: 21px;
			font-weight: 400;
			margin-bottom: 5px;
			color: $thim_font_body_color;
		}

		.underline {
			display: inline-block;
			width: 60px;
			height: 1px;
			border-bottom: 1px solid #e0e0e0;
		}

		&.separator-mid {
			@include flexbox();
			flex-direction: column;
			align-items: flex-end;

			.underline {
				order: 2;
				// margin-top: 10px;
				margin-bottom: 30px;
			}

			.heading-content {
				order: 1;
			}

			.secondary-heading {
				order: 3;
				line-height: 28px;
			}

			&.text-right .heading-content {
				margin: 0;
			}
		}
	}

	//style kit
	&.layout-kit {
		&.hero-section-heading {
			.heading-content {
				.primary-heading {
					font-size: 24px;
					margin: bottom 20px;
				}
				.primary-heading-2 {
					font-weight: 600;
					font-size: 44px;
					line-height: 1.1;
				}
			}
		}
		&.heading-title-mb-20 {
			.heading-content .primary-heading-2 {
				margin-bottom: 20px;
			}
		}
		.heading-content {
			max-width: 100%;

			.primary-heading,
			.primary-heading-2 {
				line-height: 1.25;
				margin: 0;
				margin-bottom: 16px;
			}

			.primary-heading {
				font-size: 20px;
				margin-bottom: 16px;
				color: $thim_font_body_color;
			}
			.primary-heading-2 {
				font-weight: 500;
				font-size: 36px;
				line-height: 1.1;
				text-transform: capitalize;
				color: $thim_font_title_color;
			}
		}

		.secondary-heading {
			margin: auto auto 30px;
			font-size: 16px;
			line-height: 1.5;
			font-weight: 400;
		}
	}
}

#top-sidebar-courses {
	.thim-sc-heading {
		.secondary-heading {
			line-height: 24px;
			margin-top: 4px;
			font-size: 16px;
			font-weight: 400;
			color: $thim_font_body_color;
		}
	}
}

.home4-section,
.home6-section {
	.vc_row-has-fill {
		.thim-sc-heading {
			.primary-heading,
			.secondary-heading {
				color: #fff;
			}

			.underline {
				border-bottom-color: #fff;
			}
		}
	}
}

.vc_row-has-fill .thim-sc-heading.layout-2 {
	.heading-content .primary-heading {
		color: #fff;
	}

	.underline {
		border-bottom-color: #e0e0e0;
	}
}