@use '../../utils' as *;

/*----------------------------------------*/
/* Page contents styles
/*----------------------------------------*/

.td-page-contents {
	@include border-radius(16px);

	h3 {
		font-size: 38px;
		line-height: 1.3;
		margin-bottom: 30px;
	}

	h4 {
		font-size: 24px;
		margin-bottom: 20px;

		@media #{$xs,$sm,$md} {
			font-size: 18px;
		}
	}

	p {

		&:not(:last-child) {
			margin-bottom: 30px;
		}
	}

	ul {
		margin-bottom: 40px;

		li {
			margin-bottom: 14px;
			list-style: none;
			color: var(--td-text-primary);

			span {
				font-size: 16px;
				font-weight: 700;

				i {
					font-size: 5px;
					border-radius: 0;
					margin-inline-end: 10px;
					color: var(--td-text-primary);
					background-color: transparent;
				}
			}
		}
	}

	a {
		font-size: 17px;
		font-weight: 600;
		line-height: 27px;
		color: var(--td-primary);
		text-decoration: underline;
	}

	.author-mail {
		font-size: 21px;
		font-weight: 700;
		line-height: 29px;
		color: var(--td-primary);
	}
}