/************************************************************************************************************************
	typography.css: A library of font types and styles.

		Copyright (c) 2012-Present - agileKaizen, Ltd., all rights reserved. http://agileKaizen.com

 ************************************************************************************************************************/

/* Fall-back default font & size */
html, body {
			font-family:Cereal,"Proxima Nova",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif; 
			font-size:15px;
			line-height:1.5;
			text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
			}

.content-body {font-family:"Tiempos", Georgia, serif; font-size:16.5px; line-height:1.8;}
	.content-body p {margin-bottom:1.8rem;}
	.content-body a {text-decoration:underline;}

	.content-body.readerMode h1:first-of-type {font-size:1.6rem !important; padding:1.25rem; margin:1.25rem 0; background-color:#bce0f1; margin-bottom:0 !important;
		border-left:0.25rem solid rgb(var(--primary-color)); border-top-right-radius:10px;}
	.content-body.readerMode h1:first-of-type + p:first-of-type {padding:1.25rem; padding-top:0; background-color:#bce0f1; margin-top:0 !important; 
		border-left:0.25rem solid rgb(var(--primary-color)); border-bottom-right-radius:10px;}
	.content-body.readerMode h1:first-of-type:not(:has(+ p)) {border-bottom-right-radius:10px;}


.kb-body {font-size:16.5px; line-height:1.6;}
	.kb-body p {margin-bottom:1.5rem;}
	.kb-body a {text-decoration:underline;}
			

/* Default font size */
/*html, body {font-size:calc(0.97061rem + 0.148815vw);}*/  /*ProximaNova*/
/*html, body {font-size:calc(0.89781rem + 0.137653vw); line-height:calc(1.0434rem + 0.159976vw);}*/


/* Font Faces */
.font-proximaNova {font-family: "Proxima Nova", Helvetica, sans-serif;}
.font-proximaNovaSoft {font-family: "Proxima Nova Soft", Helvetica, sans-serif;}
.font-proximaNovaCondensed {font-family: "Proxima Nova Condensed", Helvetica, sans-serif;}
.font-santaFe {font-family: santaFe, "Proxima Nova", Helvetica, sans-serif;}
.font-skinnyLatte {font-family: KGSkinnyLatte, "Proxima Nova", Helvetica, sans-serif; text-transform:uppercase;}
.font-arvo {font-family: Arvo, "Proxima Nova", Helvetica, sans-serif; text-transform:uppercase;}
.font-skolar {font-family: Skolar, Helvetica Neue, sans-serif;}
.font-varelaRound {font-family: "Varela Round", sans-serif;}
.font-aller {font-family: "Aller", Helvetica Neue, sans-serif;}
.font-bebasNeue {font-family: "Bebas Neue", sans-serif;}
.font-roboto {font-family: "Roboto", sans-serif;}
.font-serpentine {font-family: "Serpentine", sans-serif; font-weight:bold;}
.font-serpentine-outline {font-family: "Serpentine-Outline", sans-serif; font-weight:bold;}
.font-cereal {font-family: "Cereal", Helvetica, sans-serif;}
.font-tiempos {font-family: "Tiempos", Georgia, serif}


/* Sizing */
h1, .text-figure-h1 {font-size:calc(2.0rem + 0.4vw); line-height:calc(1.3); font-weight:bold; margin-bottom:1.0rem; margin-top:0;}
h2, .text-figure-h2 {font-size:calc(1.8rem + 0.2vw); line-height:calc(1.4); font-weight:bold; margin-bottom:1.0rem; margin-top:2.5rem;}
h3, .text-figure-h3 {font-size:calc(1.6rem); line-height:calc(1.4); font-weight:bold; margin-bottom:1.0rem; margin-top:2.0rem; text-decoration:underline;}
h4, .text-figure-h4 {font-size:calc(1.4rem); line-height:calc(1.4); font-weight:bold; margin-bottom:1.0rem; margin-top:1.5rem; font-style:italic;}
h5, .text-figure-h5 {font-size:calc(1.3rem); line-height:calc(1.3); font-weight:bold; margin-bottom:0.8rem; margin-top:1.0rem;}
h6, .text-figure-h6 {font-size:calc(1.3rem); line-height:calc(1.3); font-weight:bold; margin-bottom:0.8rem; margin-top:0.8rem;}
.subtitle 			{font-size:calc(1.1rem); line-height:calc(1.2); font-style:italic; color:#6c757d; margin-bottom:1rem; margin-top:0.5rem;}

/*
h1, .text-figure-h1 {font-size:calc(1.8em + 0.5vw) !important; line-height:calc(1.2em + 0.2vw); font-weight:bolder; margin-bottom:1rem; margin-top:0;}
h2, .text-figure-h2 {font-size:calc(1.4em + 0.4vw) !important; line-height:calc(1.2em + 0.2vw); font-weight:bolder; margin-bottom:1rem; margin-top:3rem;}
h3, .text-figure-h3 {font-size:calc(1.2em + 0.2vw) !important; line-height:calc(1.2em); font-weight:bold; margin-bottom:1rem; margin-top:2.5rem;text-decoration:underline;}
h4, .text-figure-h4 {font-size:calc(1.1em + 0.1vw) !important; line-height:calc(1.2em); font-weight:bold; margin-bottom:1rem; margin-top:2rem; font-style:italic;}
h5, .text-figure-h5 {font-size:calc(1em) !important; line-height:calc(1.2em); font-weight:bold; margin-bottom:0.8rem; margin-top:1.5rem;}
h6, .text-figure-h6 {font-size:calc(0.9em) !important; line-height:calc(1.2em); font-weight:bold; margin-bottom:0.8rem; margin-top:1rem;}
.subtitle {font-size:calc(1.1em + 0.4vw); line-height:calc(1.4em); font-style:italic; color:#6c757d; margin-bottom:1rem; margin-top:0.5rem;}
*/

.text-figure-h1.font-bebasNeue {font-size:calc(2.00em + .750vw) !important;}
.text-figure-h2.font-bebasNeue {font-size:calc(1.75em + .500vw) !important;}
.text-figure-h3.font-bebasNeue {font-size:calc(1.50em + .375vw) !important;}
.text-figure-h4.font-bebasNeue {font-size:calc(1.25em + .250vw) !important;}
.text-figure-h5.font-bebasNeue {font-size:calc(1.25em + .135vw) !important;}
.text-figure-h6.font-bebasNeue {font-size:calc(1.25em + .075vw) !important;}

h1.stripped, h2.stripped, h3.stripped, h4.stripped, h5.stripped, h6.stripped {font-size:1rem !important; font-weight:normal; font-style:normal; text-decoration:none; margin:0;}

blockquote {position:relative; font-size:1.5em; font-weight:bolder; line-height:1.5; font-style:italic; margin:3rem 2rem;}
	blockquote:before {content:'\201C'; position:absolute; top:-4.5rem; left:-2.5rem; color:rgba(35,55,82,.25); font-size:4em; z-index:-1;}
	
pre {font-family:"Proxima Nova Condensed", Helvetica, sans-serif; font-weight:bolder; border-left:5px solid rgb(35,55,82); padding:.5rem 1rem; margin:0 0 1rem;}


.text-micro 	{font-size:60% !important;}
.text-mini	 	{font-size:65% !important;}
.text-xxs 		{font-size:70% !important;}
.text-xs 		{font-size:80% !important;}
.text-sm   		{font-size:90% !important;}
.text-md		{font-size:100% !important;}
.text-normal	{font-size:1rem !important; font-style:normal; font-weight:normal;}
.text-lg  		{font-size:110% !important;}
.text-xl  		{font-size:120% !important;}
.text-xxl 		{font-size:130% !important;}
.text-huge 		{font-size:150% !important;}
.text-immense	{font-size:175% !important;}
.text-enourmous	{font-size:200% !important;}
.text-gigantic	{font-size:250% !important;}

.text-figure-xxs{font-size:1vmax !important; line-height:1.25vmax;}
.text-figure-xs	{font-size:2vmax !important; line-height:2.25vmax;}
.text-figure-sm	{font-size:3vmax !important; line-height:3.25vmax;}
.text-figure	{font-size:4vmax !important; line-height:4.25vmax;}
.text-figure-lg	{font-size:5vmax !important; line-height:5.25vmax;}
.text-figure-xl	{font-size:6vmax !important; line-height:6.25vmax;}
.text-figure-xxl{font-size:7vmax !important; line-height:7.25vmax;}

.text-tall		{min-height:36px;}
.text-padded	{min-height:26px;}

.text-title		{font-size:3vmax !important; margin-bottom:-.5rem;}
.text-subtitle	{font-size:130% !important; margin-bottom:1rem;}


/* Style */
.italics, em {font-style:italic}
.bold, .strong, strong {font-weight:bold !important;}
.bold-extra, .extra-bold {font-weight:900;}
.bold-not {font-weight:normal !important;}
.strike {text-decoration:line-through;}
.hide {display:none;}
.uppercase {text-transform:uppercase;}
.lowercase {text-transform:lowercase;}
.camelcase {text-transform:capitalize;}
.paragraph {display:inline-block; text-transform:lowercase;} .paragraph:first-letter {text-transform:uppercase;}
.small-caps {font-variant:small-caps; font-size:115%;}
.underline {text-decoration:underline;}
.completed h4  {text-decoration:line-through; font-style:italic; color:#999;}
.normal-weight {font-weight:normal !important;}
.text-shadow {text-shadow:0 1px 3px rgba(0, 0, 0, 0.4), 0 0 30px rgba(0, 0, 0, 0.075);}
.text-shadow-lg {text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);}
.no-dots {list-style:none;}
.active .text-active {font-weight:bolder;}


/* Weights */
.font-light 	{font-weight:200;}
.font-normal	{font-weight:400;}
.font-heavy		{font-weight:600;}
.font-bold 		{font-weight:700;}
.font-extrabold	{font-weight:800;}
.font-black 	{font-weight:900;}

/* Text */
.line-height-100 {line-height:1rem;}
.line-height-115 {line-height:1.15rem;}
.line-height-125 {line-height:1.25rem;}
.line-height-135 {line-height:1.35rem;}
.line-height-150 {line-height:1.5rem;}

.line-height-xxs	{line-height:1.0}
.line-height-xs		{line-height:1.15}
.line-height-sm		{line-height:1.25}
.line-height-md		{line-height:1.35}
.line-height-default{line-height:1.5}
.line-height-lg		{line-height:1.7}
.line-height-xl 	{line-height:1.85}
.line-height-xxl 	{line-height:2.0}
										
.line-height-100 {line-height:1em;} .line-height-115 {line-height:1.15em;} .line-height-125 {line-height:1.25em;} .line-height-150 {line-height:1.5em;} .line-height-175 {line-height:1.75em;}
.line-height-200 {line-height:2em;} .line-height-225 {line-height:2.25em;} .line-height-250 {line-height:2.5em;} .line-height-275 {line-height:2.75em;}
.text-disabled {color:#a5a5a5;}



/* Components */
.section-title {font-size:1.4rem; font-weight:200; margin-bottom:1.5rem; text-align:center;}
	.section-subtitle 	{font-weight:200; margin-top:-1.5rem; margin-bottom:1.5rem; text-align:center;}

.article-title {font-family:"Skolar", "Helvetica Neue", times; font-size:2rem; font-weight:900; line-height:2.25rem; margin-bottom:.25rem;}
	.post-preview .article-title {font-size:1.75rem; font-weight:700; line-height:2rem; margin-bottom:0rem;}

	.article-subtitle {font-size:1rem; line-height:1.5rem; margin-bottom:.5rem;}
	.post-preview .article-subtitle {font-size:.9rem; line-height:1.25rem; margin-bottom:.25rem;}

.post-preview .meta {color:#6c757d !important;}


h2.favorites {padding:10px 0; color:#b3b3b7; text-transform:uppercase; letter-spacing:2pt; border-bottom:solid 1px #dedede; border-top:solid 1px #dedede; font-size:12px; font-size:1.2rem;}



/* ============================== Media Queries ============================== */
/* Extra small devices (phones, less than 576px) */
/* No media query since this is the default in Bootstrap */
@media (max-width:576px) {
    .content-body {font-size:16px; line-height:1.7;}
    .paragraph { margin-bottom:2rem;}
    	.paragraph-sm {margin-bottom:1.5rem;}
}

/* SM: Small devices (old phones - 576 and up) */
@media (min-width:576px) {
    .content-body {font-size:17px; line-height:1.8;}
}

/* MD: Medium devices (iPhone and iPad in vertical, 768px and up) */
@media (min-width:768px) {
	html, body {font-size:16px;}

	.content-body {font-size:18px; line-height:2;}
	.content-body p {margin-bottom:2rem;}
	.content-body blockquote {margin:3rem 6rem;}
	
	.kb-body {font-size:19px; line-height:1.8;}
	.kb-body p {margin-bottom:1.75rem;}
	.kb-body blockquote {margin:3rem 6rem;}
	
	.section-title {font-size:1.5rem;}
	.paragraph {margin-bottom:3rem;} .paragraph-sm {margin-bottom:1.5rem;}
}

/* LG: Large devices (iPhone and iPad in Landscape, 1024px wide) */
@media (min-width:992px) {
	html, body {font-size:17px;}

	.content-body {font-size:18.5px;}
	.content-body blockquote {margin:3.5rem 8rem;}
	.kb-body blockquote {margin:3.5rem 8rem;}
	
	.section-title {font-size:1.6rem;}
	.paragraph {margin-bottom:3.25rem;} .paragraph-sm {margin-bottom:1.5rem;}
}

/* XL: Extra-Large devices (Desktops, 1280px wide) */
@media (min-width:1200px) {
	html, body {font-size:18px;}
	
	.content-body {font-size:19px;}
	.content-body blockquote {margin:4rem 8rem;}
	.kb-body blockquote {margin:4rem 8rem;}
	
	.section-title {font-size:1.7rem;}	
	.paragraph {margin-bottom:3.5rem;} .paragraph-sm {margin-bottom:1.75rem;}
}

/* XXL: Very-Large devices (Big screens, 1600px wide) */
@media (min-width:1600px) {
	.content-body p {margin-bottom:2.5rem;}
	.kb-body p {margin-bottom:2rem;}

	.section-title {font-size:1.8rem;}
	.paragraph {margin-bottom:4rem;} .paragraph-sm {margin-bottom:2rem;}
}