/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* ========= Mohunkys Repsonsive Framework V6 ========= */
/* ================= MRWD TYPOGRAPHY ================== */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */

/* -------------------------------------------- */
/* ================= COLOURS ================== */
/* -------------------------------------------- */
:root	{

	--colorPrimary:#cd1719;
	--colorDarkBlue:#004985;
	--colorMidBlue:#009fe3;
	--colorPaleBlue:#dbf0fd;
	--colorDark:#000000;
	--colorWhite:#fff;
}

/* ================== GLOBAL TYPOGRAPHY ================== */
html				{   text-rendering:optimizeLegibility; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%;  }
body				{   font-family:'Open Sans', Helvetica, Arial, sans-serif; color:var(--colorDark); background-color:var(--colorWhite);   }
p					{   font-size:1.000rem; font-weight:400; line-height:1.5em; margin:0 0 1em 0;   }
ol					{   font-size:1.000rem; font-weight:400; line-height:1.5em;   }
ul					{   font-size:1.000rem; font-weight:400; line-height:1.5em;   }
h1					{   font-size:3.500rem; font-weight:400; font-family:Georgia, Times, Times New Roman, serif; margin:0; line-height:115%; color:var(--colorPrimary);   }
.heroCircle h1.split			{   font-size:1.000rem;   }
.heroCircle h1.split .head		{   font-size:3.500rem; line-height:115%;   }
.heroCircle h1.split .pre		{   font-size:1.500rem; font-weight:400; font-family:'Open Sans', Helvetica, Arial, sans-serif; color:var(--colorDarkBlue); line-height:125%; text-transform:uppercase;   }
.heroCircle h1.split .post		{   font-size:1.500rem; font-weight:400; font-family:'Open Sans', Helvetica, Arial, sans-serif; color:var(--colorDarkBlue); line-height:125%; text-transform:uppercase;   }
.fauxH1					{   font-size:3.250rem; font-weight:600; font-family:Georgia, Times, Times New Roman, serif; margin:0 0 1rem 0; line-height:1.125em;   }
h1.split			{   font-size:1rem;   }
h1.split .head		{   font-size:3.000rem; line-height:115%;   }
h1.split .pre		{   font-size:1.125rem; font-weight:400; font-family:'Open Sans', Helvetica, Arial, sans-serif; color:var(--colorDarkBlue); line-height:1rem; text-transform:uppercase;   }
h1.split .post		{   font-size:1.125rem; font-weight:400; font-family:'Open Sans', Helvetica, Arial, sans-serif; color:var(--colorDarkBlue); line-height:1rem; text-transform:uppercase;   }


/**umb_name:Heading 2*/
h2					{   font-size:3.000rem; font-weight:400; font-family:Georgia, Times, Times New Roman, serif; margin:0; line-height:115%; color:var(--colorMidBlue);   }
/**umb_name:Faux H2*/
.fauxH2				{   font-size:2.500rem; font-weight:400; font-family:Georgia, Times, Times New Roman, serif; margin:0; line-height:115%; color:var(--colorMidBlue);   }
h2.split			{   font-size:1rem;   }
h2.split .head		{   font-size:3.000rem; line-height:115%;   }
h2.split .pre		{   break-after:always; font-size:1.125rem; font-weight:400; font-family:'Open Sans', Helvetica, Arial, sans-serif; color:var(--colorDarkBlue); line-height:1rem; text-transform:uppercase;   }
h2.split .post		{   break-after:always; font-size:1.125rem; font-weight:400; font-family:'Open Sans', Helvetica, Arial, sans-serif; color:var(--colorDarkBlue); line-height:1rem; text-transform:uppercase;   }
/**umb_name:Heading 3*/
h3					{   font-size:2.000rem; font-weight:400; font-family:Georgia, Times, Times New Roman, serif; margin:0 0 1rem 0; line-height:115%; color:var(--colorMidBlue);   }
/**umb_name:Heading 4*/
h4					{   font-size:1.500rem; font-weight:400; font-family:Georgia, Times, Times New Roman, serif; margin:0 0 1rem 0;   }
h5					{   font-size:1.250rem; font-weight:400; font-family:'Open Sans', Helvetica, Arial, sans-serif; color:var(--colorDarkBlue); text-transform:uppercase; margin:0 0 1rem 0;   }
h6					{   font-size:1.000rem; font-weight:400; font-family:Georgia, Times, Times New Roman, serif; margin:0 0 1rem 0;   }
strong				{   font-weight:700;   }
small				{   font-size:0.750rem;   }

pre					{   display:block; margin:0 0 1rem 0; padding:1em; border-radius:0.25em; font-size:1em; text-align:left; -moz-tab-size:3; tab-size:3; color:#eaeae8; background:#262626; overflow:hidden; overflow-y:hidden; overflow-x:auto;   }
code				{   display:inline-block; padding:0 0.5em; border-radius:0.25em; background-color:#262626; color:#eaeae8; font-size:0.875em; line-height:1.5em;   }
span.inlineCode		{   display:inline-block; padding:0 0.500em; border-radius:0.25em; font-size:0.750em; font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace; color:#eaeae8; background:#262626;   }

blockquote			{   margin:0; padding:2rem 0; border:none; font-size:2.500rem; font-weight:400; font-family:Georgia, Times, Times New Roman, serif; font-style:normal; color:var(--colorWhite); line-height:115%;   }
blockquote span.author	{   display:block; padding-top:1.500rem; font-size:1.250rem; font-weight:200; font-family:'Open Sans', Helvetica, Arial, sans-serif; font-style:normal; color:var(--colorWhite); line-height:1rem; text-transform:uppercase;   }

address				{   margin-bottom:1rem; font-style:normal; line-height:1.5em;   }

table				{   display:table; width:100%; margin-bottom:2em;   }
table th			{   border-bottom:1px solid var(--colorPaleBlue); text-align:left; font-family:Georgia, Times, Times New Roman, serif; font-size:1rem; color:var(--colorPrimary);   }
table tr:nth-of-type(2n+1) td {   background-color:#eaeae8;   }

hr					{   display:inline-block; width:100%; height:0.125em; margin:0; padding:0; border:none; outline:none; background-color:var(--colorPrimary);   }
hr.inverted			{   background:transparent url('/images/pencil-line-inverted.png') center no-repeat;   }
hr.small			{   max-width:12em; height:0.1875em; margin:1.500em 0; background:#4065AF; border-radius:0.125em;   }
.txtWhite hr.small  {   background:#fff;   }


/* --- Text Colours --- */

/**umb_name:Text Red*/
.txtPrimary			{   color:var(--colorPrimary);   }
.txtDarkBlue		{   color:var(--colorDarkBlue);   }
/**umb_name:Text Mid Blue*/
.txtMidBlue			{   color:var(--colorMidBlue);   }
.txtPaleBlue		{   color:var(--colorPaleBlue);   }
.txtDark			{   color:var(--colorDark);   }
/**umb_name:Text White*/
.txtWhite			{   color:var(--colorWhite);   }
#tinymce .txtWhite	{   color:lightpink;   }
.txtRed				{   color:darkred;   }

/* --- Colour overrides --- */
.txtWhite h2.split .head,
.txtWhite h2.split .pre	{   color:var(--colorWhite);   }


/* -------- DEFAULT LINKS -------- */
a.anchorFix			{   position:relative; top:-200px;   }
a, a:visited		{   color:var(--colorPrimary); border:none; text-decoration:none;   }
a:hover				{      }
a:active, a:focus   {   outline:none;   }

.txtWhite a,
.txtWhite a:visited	{   color:#fff; border-bottom:0.0625em dotted #fff;   }
.txtWhite a:hover	{   border-bottom-style:solid;   }
.txtWhite a.button	{   border:none;   }

a.noBorder,
a.noBorder:visited,
a.noBorder:hover	{   border-bottom:none;   }






/* -------------------------------------------- */
/* =============== TEXT HELPERS =============== */
/* -------------------------------------------- */

/* -------- TEXT ALIGNMENT -------- */
.txtCenter			{   text-align:center;   }
.txtRight			{   text-align:right;   }
.txtLeft			{   text-align:left;   }
.txtJustify			{   text-align:justify;   }
.txtPullout			{   margin-bottom:1em; padding:0.5em 0.5em 0.5em 1em; border-left:2px solid #4065AF; background-color:#eaeae8;   }
.txtHighlight		{   color:#4065AF;   }

/* -------- TEXT STYLES -------- */
.txtSmall, small	{   font-size:0.875em;   }
.txtSmaller			{   font-size:0.750em;   }
.txtLarge			{   font-size:1.250em;   }
.txtLarger			{   font-size:1.500em;   }
p.txtSizeReset,	
.txtSizeReset p		{   font-size:1rem;   }
.txtUpper			{   text-transform:uppercase;   }
.txtUpperReset		{   text-transform:none;   }

.txt300				{   font-weight:300;   }
.txt400				{   font-weight:400;   }
.txt500				{   font-weight:500;   }
.txt600				{   font-weight:600;   }
.txt700				{   font-weight:700;   }

/* -------- COMPLEX TEXT STYLES -------- */
.txtPullOut			{   margin:0 0 1em 1em; padding:1em 1.750em 0.125em 1.750em; border-left-width:2px; border-left-style:solid; border-left-color:#4065AF; font-size:1.250em; font-style:italic;   }
.txtCaptionWrapper img	{   display:block;   }
.txtImgCaption		{   display:inline-block; width:100%; margin:0; text-align:center; font-size:1em; color:#808080;   }


@media only screen and (max-width: 1270px) {
	/* ============ LAPTOPS ============ */
	.lapTxtCenter	{   text-align:center;   }
	.lapTxtRight	{   text-align:right;   }
	.lapTxtLeft		{   text-align:left;   }

	.heroCircle h1.split .head		{	font-size:calc(24px + 32 * ((100vw - 600px) / 670)); line-height:115%;   }
	.heroCircle h1.split .pre		{   font-size:calc(15px + 6 * ((100vw - 600px) / 670)); line-height:115%;   }
	.heroCircle h1.split .post		{   font-size:calc(15px + 6 * ((100vw - 600px) / 670)); line-height:115%;   }
}
@media only screen and (max-width: 1024px) {
	/* ============ TABLET LARGE ============ */
	.tblTxtCenter	{   text-align:center;   }
	.tblTxtRight	{   text-align:right;   }
	.tblTxtLeft		{   text-align:left;   }
}
@media only screen and (max-width: 810px) {
	/* ============ TABLET SMALL ============ */
	.tbsTxtCenter	{   text-align:center;   }
	.tbsTxtRight	{   text-align:right;   }
	.tbsTxtLeft		{   text-align:left;   }

}
@media only screen and (max-width: 600px) {
	/* ============ MOBILE LARGE ============ */
	.mblTxtCenter	{   text-align:center;   }
	.mblTxtRight	{   text-align:right;   }
	.mblTxtLeft		{   text-align:left;   }

	.heroCircle h1.split .head		{   font-size:1.750rem;   }
	.heroCircle h1.split .pre		{   font-size:0.9375rem;   }
	.heroCircle h1.split .post		{   font-size:0.9375rem;   }
}
@media only screen and (max-width: 400px) {
	/* ============ MOBILE SMALL ============ */
	.mbsTxtCenter	{   text-align:center;   }
	.mbsTxtRight	{   text-align:right;   }
	.mbsTxtLeft		{   text-align:left;   }

}


/* ------------------------------------------- */
/* ============= FONT-FACE CALLS ============= */
/* ------------------------------------------- */

/* -------- BODY FONTS -------- */
@font-face {
	font-family: 'Open Sans';
	src: url('/fonts/opensans-light.woff2') format('woff2'),
		 url('/fonts/opensans-light.woff') format('woff'),
		 url('/fonts/opensans-light.ttf') format('truetype');
	font-weight:200;
	font-style:normal;
}
@font-face {
	font-family: 'Open Sans';
	src: url('/fonts/opensans-regular.woff2') format('woff2'),
		 url('/fonts/opensans-regular.woff') format('woff'),
		 url('/fonts/opensans-regular.ttf') format('truetype');
	font-weight:400;
	font-style:normal;
}
@font-face {
	font-family: 'Open Sans';
	src: url('/fonts/opensans-semibold.woff2') format('woff2'),
		 url('/fonts/opensans-semibold.woff') format('woff'),
		 url('/fonts/opensans-semibold.ttf') format('truetype');
	font-weight:600;
	font-style:normal;
}
@font-face {
	font-family: 'Open Sans';
	src: url('/fonts/opensans-bold.woff2') format('woff2'),
		 url('/fonts/opensans-bold.woff') format('woff'),
		 url('/fonts/opensans-bold.ttf') format('truetype');
	font-weight:700;
	font-style:normal;
}