/*
 * Typography
 */

body {
	line-height: 24px;
	color: var(--text_color);
	letter-spacing: normal;
}

.darkBg {
	color: #fff;
}

a {
	color: var(--highlight_color);
	text-decoration: none;
	transition: color 200ms linear;
	font-weight: inherit;

	&:hover {
		text-decoration: none;
		color: color-mix(in srgb, var(--highlight_color), var(--darken_mixin_color) 10%);
		transition: color 200ms linear;
	}

	&:active {
		text-decoration: none;
		color: color-mix(in srgb, var(--highlight_color), var(--darken_mixin_color) 5%);
		transition: color 200ms linear;
	}


}

p {
	margin: 0 0 25px;

}

small {
	.ems(13);
	line-height: 20px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 16px 0;
	color: var(--primary_color);
	font-family: @secondary_font;
	line-height: 1;
	letter-spacing: normal;


	.darkBg & {
		color: #fff;
	}


	strong {
		font-weight: 700;
	}
}

h1 {
	.headingStyle(h1);
}

h2 {
	.headingStyle(h2);
}

h3 {
	.headingStyle(h3);
}

h4 {
	.headingStyle(h4);
}

h5 {
	.headingStyle(h5);
}

h6 {
	.headingStyle(h6);
}


/*
 * Page Content Class
 */

.pageContent, .wysiwyg {


	.rems(16);
	line-height: 24px;
	font-weight: 500;
	color: var(--text_color);

	blockquote {

		.rems(16);
		line-height: 24px;
		font-weight: normal;
		margin: 0 0 20px;
		padding: 0;
		min-height: 48px;
		position: relative;
		padding-left: 24px;

		&:before {
			content: "";
			height: 100%;
			width: 4px;
			background: var(--secondary_color);
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			display: block;

		}

		p {
			margin: 0 0 8px;
		}

		cite {
			.rems(14);
			line-height: 1;
			font-style: italic;

			a {
				text-decoration: none;

				&:hover {
					text-decoration: none;
				}
			}
		}
	}

	/*
	 * Tiny mce produces left and right images with these attributes
	 */
	img[style="float: left;"] {
		margin: 5px 25px 25px 0;
	}

	img[style="float: right;"] {
		margin: 5px 0 25px 25px;
	}

	img[style="float: right;"], img[style="float: left;"] {

		@media @mobile {
			float: none !important;
			display: block;
			margin: 0 auto 25px;
		}
	}

	ul:not(.accordion):not(.faqs):not(.sideEffectsList), ol {

		margin: 0 0 0 19px;
		padding: 0 0 24px 0;
		display: inline-block;
		width: auto;

		&:before, &:after {
			display: none;
		}

		li {
			list-style-type: disc;
			padding-left: 8px;
		}

	}

	ol{


		li {
			list-style: decimal;
		}
	}

	&.itemDescription {

		ul:not(.accordion):not(.faqs):not(.sideEffectsList), ol {
			@media @product_breakpoint {
				margin-left: auto;
				margin-right: auto;
			}
		}

	}

	a {
		text-decoration: none;
	}

	p, ul li, ol li {

		color: inherit;
		font-size: inherit;
		line-height: inherit;
		font-weight: inherit;

	}

}


.visuallyHidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
