/* 

	Exactubooks . Text

*/


/* Resets */
h1, h2, h3, h4, h5, h6, p, span, ul, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

/* Text  */

	/* TA . Text Alignment */

		/* TA . Text Alignment . Presets */
			.ta_left {
				text-align: left;
			}

			.ta_center {
				text-align: center;
			}

			.ta_right {
				text-align: right;
			}

		/* TA . Text Alignment . Size Specific Presets */

			/* Extra small */
			@media (min-width: 10px) {

				/* Text Alignment */
				.xs-ta_left		{ text-align: left !important; }
				.xs-ta_center	{ text-align: center !important; }
				.xs-ta_right 	{ text-align: right !important; }

			}

			/* Small */
			@media (min-width: 768px) {

				/* Text Alignment */
				.sm-ta_left		{ text-align: left !important; }
				.sm-ta_center	{ text-align: center !important; }
				.sm-ta_right 	{ text-align: right !important; }

			}

			/* Medium */
			@media (min-width: 990px) {

				/* Text Alignment */
				.md-ta_left		{ text-align: left !important; }
				.md-ta_center	{ text-align: center !important; }
				.md-ta_right 	{ text-align: right !important; }

			}

			/* Large */
			@media (min-width: 1200px) {

				/* Text Alignment */
				.lg-ta_left		{ text-align: left !important; }
				.lg-ta_center	{ text-align: center !important; }
				.lg-ta_right 	{ text-align: right !important; }

			}

	/* TC . Text Colors */

		/* TC . Text Colors . Default */
			.content-body * {
				color: #737476;
			}

		/* TC . Text Colors . Main */
			.tc_a {
				color: #004b72 !important;
			}

			.tc_b {
				color: #2aaae2 !important;
			}

			.tc_c {
				color: #a3cbec !important;
			}

		/* TC . Text Colors . Presets */
			.tc_red {
				color: #d45353 !important;
			}

			.tc_green {
				color: #00c589 !important;
			}

			.tc_blue {
				color: #2aaae2 !important;
			}

			.tc_orange {
				color: #ffaa54 !important;
			}

			.tc_yellow {
				color: #ffea00 !important;
			}

			.tc_black {
				color: #000000 !important;
			}

			.tc_dark_gray {
				color: #59595b !important;
			}

			.tc_medium_gray {
				color: #bbbcbf !important;
			}

			.tc_light_gray {
				color: #e6e6e7 !important;
			}

			.tc_white {
				color: #ffffff !important;
			}

	/* TE . Text Effects */

		/* TE . Text Effects . All Caps */

			.te_caps{
				text-transform: uppercase;
			}

		/* TE . Text Effects . Highlight */

			.te_highlight {
				border-radius: 3px;
				padding: 0px 2px 0px 2px;
				color: #ffffff;
				background-color: #2aaae2;
			}

			.te_highlight.red {
				color: #ffffff;
				background-color: #d45353;
			}

			.te_highlight.green {
				color: #ffffff;
				background-color: #00c589;
			}

			.te_highlight.blue {
				color: #ffffff;
				background-color: #007ee5;
			}

			.te_highlight.orange {
				color: #ffffff;
				background-color: #ffaa54;
			}

			.te_highlight.yellow {
				color: #ffffff;
				background-color: #ffea00;
			}

			.te_highlight.dark_gray {
				color: #ffffff;
				background-color: #59595b;
			}

			.te_highlight.medium_gray {
				color: #ffffff;
				background-color: #bbbcbf;
			}

			.te_highlight.light_gray {
				color: inherit;
				background-color: #e6e6e7;
			}

			.te_highlight.white {
				color: inherit;
				background-color: white;
			}

			.te_highlight.black {
				color: #ffffff;
				background-color: black;
			}

		/* TE . Text Effects . Underline */
			.te_underlined {
				text-decoration: underline;
			}

		/* TE . Text Effects . Striked */
			.te_striked {
				text-decoration: line-through;
			}

/* Fonts */

	/* FF . Font Families */

		.content-body * {
			font-family: 'Noto Serif TC', serif, "Adobe Caslon Pro";
			font-weight: 200;
		}

	/* FS . Font Sizes */

		/* Null */
		.fs_null {
			font-size: 0px !important;
		}

		/* Extra small */
		@media (min-width: 10px) {

			/* Default */
			.content-body *   { font-size: 13px; }

			/* Presets */
			.fs_tiny  { font-size: 10px; line-height: 14px !important; }
			.fs_small { font-size: 14px; line-height: 18px !important; }
			.fs_medium { font-size: 16px; line-height: 20px !important; }
			.fs_large { font-size: 30px; line-height: 34px !important; }

		}

		/* Small */
		@media (min-width: 768px) {

			/* Default */
			.content-body *  { font-size: 13px; }

			/* Custom font sizes */
			.fs_tiny  { font-size: 10px; line-height: 14px !important; }
			.fs_small { font-size: 14px; line-height: 18px !important; }
			.fs_medium { font-size: 16px; line-height: 20px !important; }
			.fs_large { font-size: 30px; line-height: 34px !important; }

		}

		/* Medium */
		@media (min-width: 990px) {

			/* Default */
			.content-body *  { font-size: 13px; }

			/* Custom font sizes */
			.fs_tiny  { font-size: 10px; line-height: 14px !important; }
			.fs_small { font-size: 14px; line-height: 18px !important; }
			.fs_medium { font-size: 20px; line-height: 20px !important; }
			.fs_large { font-size: 30px; line-height: 34px !important; }

		}

		/* Large */
		@media (min-width: 1200px) {

			/* Default */
			.content-body *  { font-size: 13px; }

			/* Custom font sizes */
			.fs_tiny  { font-size: 10px; line-height: 14px; }
			.fs_small { font-size: 14px; line-height: 18px; }
			.fs_medium { font-size: 20px; line-height: 25px !important; }
			.fs_large { font-size: 36px; line-height: 40px; }

		}

	/* FW . Font Weights*/
		.fw_light {
			font-weight: 100;
		}

		.fw_medium {
			font-weight: 400;
		}

		.fw_bold {
			font-weight: 600;
		}

/* Objects */

	/* Headers */

		/* Headers . Defaults */

			.content-body h1 {
				font-weight: normal;
				color: #404040;
			}

			.content-body h2 {
				font-weight: normal;
				color: #404040;
			}

			.content-body h3 {
				font-weight: normal;
				color: #404040;
			}

			.content-body h4 {
				font-weight: normal;
				color: #404040;
			}

			.content-body h5 {
				font-weight: bold;
				color: #404040;
			}

			.content-body h6 {
				font-weight: normal;
				color: #9F9F9F;
			}

		/* Headers . Sizing */
			
			/* Extra small */
			@media (min-width: 10px) {

				/* Headers font size */
				.content-body h1 { margin-bottom: 4px; font-size: 28px; line-height: 31px; }
				.content-body h2 { margin-bottom: 4px; font-size: 22px; line-height: 25px; }
				.content-body h3 { margin-bottom: 4px; font-size: 18px; line-height: 21px; }
				.content-body h4 { margin-bottom: 4px; font-size: 16px; line-height: 19px; }
				.content-body h5 { margin-bottom: 4px; font-size: 14px; line-height: 17px; }
				.content-body h6 { margin-bottom: 4px; font-size: 12px; line-height: 16px; }

			}

			/* Small */
			@media (min-width: 768px) {

				/* Headers font size */
				.content-body h1 { margin-bottom: 4px; font-size: 28px; line-height: 31px; }
				.content-body h2 { margin-bottom: 4px; font-size: 22px; line-height: 25px; }
				.content-body h3 { margin-bottom: 4px; font-size: 18px; line-height: 21px; }
				.content-body h4 { margin-bottom: 4px; font-size: 16px; line-height: 19px; }
				.content-body h5 { margin-bottom: 4px; font-size: 14px; line-height: 17px; }
				.content-body h6 { margin-bottom: 4px; font-size: 12px; line-height: 16px; }

			}

			/* Medium */
			@media (min-width: 990px) {

				/* Headers font size */
				.content-body h1 { margin-bottom: 4px; font-size: 36px; line-height: 39px; }
				.content-body h2 { margin-bottom: 4px; font-size: 30px; line-height: 33px; }
				.content-body h3 { margin-bottom: 4px; font-size: 24px; line-height: 27px; }
				.content-body h4 { margin-bottom: 4px; font-size: 20px; line-height: 23px; }
				.content-body h5 { margin-bottom: 4px; font-size: 16px; line-height: 19px; }
				.content-body h6 { margin-bottom: 4px; font-size: 12px; line-height: 16px; }

			}

			/* Large */
			@media (min-width: 1200px) {

				/* Headers font size */
				.content-body h1 { margin-bottom: 4px; font-size: 36px; line-height: 39px; }
				.content-body h2 { margin-bottom: 4px; font-size: 30px; line-height: 33px; }
				.content-body h3 { margin-bottom: 4px; font-size: 24px; line-height: 27px; }
				.content-body h4 { margin-bottom: 4px; font-size: 20px; line-height: 23px; }
				.content-body h5 { margin-bottom: 4px; font-size: 16px; line-height: 19px; }
				.content-body h6 { margin-bottom: 4px; font-size: 12px; line-height: 16px; }

			}

	/* Paragraphs */

		/* Paragraphs . Defaults */

			.content-body p {
				margin-bottom: 6px;
			}

		/* Paragraphs . Types */
			.content-body p.quote {
				font-style: italic;
			}

			.content-body p.citation {
				font-style: italic;
			}

			.content-body p.code {
				font-style: italic;
			}

		/* Paragraphs . Sizing */

			/* Extra small */
			@media (min-width: 10px) {

				/* Headers font size */
				.content-body p { line-height: 19px; }

			}

			/* Small */
			@media (min-width: 768px) {

				/* Headers font size */
				.content-body p { line-height: 21px; }

			}

			/* Medium */
			@media (min-width: 990px) {

				/* Headers font size */
				.content-body p { line-height: 21px; }

			}

			/* Large */
			@media (min-width: 1200px) {

				/* Headers font size */
				.content-body p { line-height: 21px; }

			}

	/* Links */
		.content-body a {
			color: #007ee5;
			text-decoration: none;
			font-weight: 400;
			transition: 0.2s filter ease-in-out;
		}

		.content-body a:hover {
			filter: brightness(105%);
		}

	/* Lists */

		/* Lists . base */

			.content-body ul {
				/*padding-top: 10px;*/
			}

			.content-body ul li {
				color: inherit;
				margin-bottom: 10px;
			}

			.content-body ul li ul {
			}

			.content-body ul[class*="ls_"] > li {
				padding-left: 1em;
				
			}

		/* Lists . Bullets Icons */

			.content-body ul[class*="ls_"] li:before {
				display: inline-block;
				font-family: ExactuSymbols;
				text-align: center;
				padding-right: 0.1em;
				margin-left: -1em;
				line-height: 100%;
			}

			.content-body ul.ls_dot > li:before {
				font-family: inherit;
				content: " \22C5";
			}

			.content-body ul.ls_dash > li:before {
				font-family: inherit;
				content: '\2212';
			}

			.content-body ul.ls_asterisk > li:before {
				font-family: inherit;
				content: '\2217';
			}

			.content-body ul.ls_tick > li:before {
				content: 'Z';
			}

			.content-body ul.ls_cross > li:before {
				content: 'W';
			}

			.content-body ul.ls_arrow > li:before {
				content: '\010f';
			}

			.content-body ul.ls_danger > li:before {
				content: 'D';
			}

			.content-body ul.ls_danger.outline > li:before {
				content: 'E';
			}

			.content-body ul.ls_info > li:before {
				content: 'F';
			}

			.content-body ul.ls_info.outline > li:before {
				content: 'G';
			}

			.content-body ul.ls_alert > li:before {
				content: 'H';
			}

			.content-body ul.ls_alert.outline > li:before {
				content: 'I';
			}

			.content-body ul.ls_valid > li:before {
				content: 'X';
			}

			.content-body ul.ls_valid.outline > li:before {
				content: 'Y';
			}

			.content-body ul.ls_invalid > li:before {
				content: 'U';
			}

			.content-body ul.ls_invalid.outline > li:before {
				content: 'V';
			}

		/* Lists . Bullets Colors */

			.lc_bullet_a > li:before,
			.content-body li.lc_bullet_a:before {
				color: #004b72;
			}

			.lc_bullet_b > li:before,
			.content-body li.lc_bullet_b:before {
				color: #2aaae2;
			}

			.lc_bullet_c > li:before,
			.content-body li.lc_bullet_c:before {
				color: #a3cbec;
			}

			.lc_bullet_red > li:before,
			.content-body li.lc_bullet_red:before {
				color: #d45353;
			}

			.lc_bullet_green > li:before,
			.content-body li.lc_bullet_green:before {
				color: #00c589;
			}

			.lc_bullet_blue > li:before,
			.content-body li.lc_bullet_blue:before {
				color: #007ee5;
			}

			.lc_bullet_orange > li:before,
			.content-body li.lc_bullet_orange:before {
				color: #ffaa54;
			}

			.lc_bullet_yellow > li:before,
			.content-body li.lc_bullet_yellow:before {
				color: #ffea00;
			}

			.lc_bullet_dark_gray > li:before,
			.content-body li.lc_bullet_dark_gray:before {
				color: #59595b;
			}

			.lc_bullet_medium_gray > li:before,
			.content-body li.lc_bullet_medium_gray:before {
				color: #bbbcbf;
			}

			.lc_bullet_light_gray > li:before,
			.content-body li.lc_bullet_light_gray:before {
				color: #e6e6e7;
			}

			.lc_bullet_white > li:before,
			.content-body li.lc_bullet_white:before {
				color: #ffffff;
			}

			.lc_bullet_black > li:before,
			.content-body li.lc_bullet_black:before {
				color: #000000;
			}