.typography							{ font-size:16px; line-height:24px; font-weight:300; }
.typography	*						{ color: #333; }

/** CMS LIST STYLES **/
.typography ul,
.typography ol 						{ margin-bottom:15px; }

/*
.browser-chrome .typography *		{ -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; -webkit-hyphenate-before:2; -webkit-hyphenate-after:3; hyphenate-lines:3; }
.browser-firefox .typography.language .page_columns > div:first-child,
.browser-edge .typography.language .page_columns > div:first-child,
.browser-ie .typography.language .page_columns > div:first-child				{ word-break:break-all; }
*/

.typography ul li,
.typography ol li 					{ }
.typography ul li 					{ }
.typography ol li 					{ }

/* HEADER STYLES */
/* Big and ugly to preserve styles when applying bold and/or italics to headers in the SilverStripe editor */
.typography h1,.typography h1 strong,.typography h1 em,
.typography h2,.typography h2 strong,.typography h2 em,
.typography h3,.typography h3 strong,.typography h3 em,
.typography h4,.typography h4 strong,.typography h4 em,
.typography h5,.typography h5 strong,.typography h5 em,
.typography h6,.typography h6 strong,.typography h6 em			{ margin: 0 0 12px 0; padding: 0; font-family: 'Roboto', sans-serif; font-weight:500; color: #092e6e; }

.typography h1,.typography h1 strong,.typography h1 em 			{ font-size: 28px; line-height: 32px; }
.typography h2,.typography h2 strong,.typography h2 em 			{ font-size: 24px; line-height: 28px; }
.typography h3,.typography h3 strong,.typography h3 em			{ font-size: 20px; line-height: 24px; }
.typography h4,.typography h4 strong,.typography h4 em 			{ font-size: 18px; line-height: 22px; }
.typography h5,.typography h5 strong,.typography h5 em			{ font-size: 16px; line-height: 18px; }
.typography h6,.typography h6 strong,.typography h6 em			{ font-size: 13px; line-height: 15px; }

.typography blockquote				{ background: #ededed; border: 1px #ccc solid; padding:12px 16px; margin:25px 40px 35px; }

/* LINK STYLES */
.typography a,
.typography a strong,
.typography a span					{ color: #092e6e; }
.typography a,
.typography a span					{ font-weight:400; }
.typography a:hover 				{ color: #092e6e; }
	
.typography table					{ }
.typography table tr td				{ }

.typography strong					{ font-weight: bold !important; }
.typography em						{ font-style: italic !important; }

/* WYSIWYG EDITOR ALIGNMENT CLASSES */
.typography .left 					{ text-align: left; }
.typography .center					{ text-align: center; }
.typography .right					{ text-align: right; }

.typography p img					{ max-width:100%; height:auto; }
.typography img.right				{ float: right;  margin: 0 0 5px 15px; }
.typography img.left				{ float: left; margin: 0 15px 5px 0; }
.typography img.center				{ display:block; margin: 0 auto 5px; }

.typography .captionImage			{ max-width:100%; }
.typography .captionImage img		{ padding: 0; max-width:100%; height:auto !important; }
.typography .captionImage p			{ margin: 0; font: bold 10px/14px 'Roboto', sans-serif; }
.typography .captionImage.left		{ float: left; margin: 0 10px 5px 0; padding: 5px; background: #e8e8e8; text-align: center; }
.typography .captionImage.right		{ float: right; margin: 0 0 5px 10px; padding: 5px; background: #e8e8e8; text-align: center; }
.typography .captionImage.center	{ display:block; margin: 0 auto 5px; }

.typography iframe					{ max-width:100%; }

.typography .dark_fuchsia,
.typography .dark_fuchsia em,
.typography .dark_fuchsia strong	{ color:#092e6e; }
.typography .blue,
.typography .blue em,
.typography .blue strong			{ color:#092e6e; }

.typography .rtl					{ direction:rtl; }

.right form .field label {
	color: #555 !important; font: bold 14px/19px 'Roboto', sans-serif !important;
}

.right form .field .sort-control label	{ font-weight:normal !important; font-size:11px !important; }

@media (max-width:500px){
	.typography img					{ display:block; float:none !important; margin-left:auto !important; margin-right:auto !important; }
	.typography blockquote			{ margin-left:10px; margin-right:10px; }
}