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

/* ================= Colours ================== */
:root	{


}

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:'Helvetica Neue', Helvetica, Arial, sans-serif; color:var(--colorOffBlack);   }
p					{   font-size:1.125rem; font-weight:400; line-height:1.5em; margin:0 0 1em 0;   }
ol					{   font-size:1.125rem; font-weight:400; line-height:1.5em;   }
ul					{   font-size:1.125rem; font-weight:400; line-height:1.5em;   }
h1					{   font-size:2.750rem;  font-weight:200; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; margin:0 0 1rem 0; line-height:1.125em; color: var(--colorPrimary);   }
h2					{   font-size:1.875rem;  font-weight:200; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; margin:0 0 1.500rem 0; line-height:1.125em;   }
h3					{   font-size:1.250rem;  font-weight:400; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; margin:0 0 1rem 0; line-height:1.250em;   }
h4					{   font-size:1.5625rem; font-weight:600; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; margin:0 0 1rem 0;   }
h5					{   font-size:1.250rem;  font-weight:600; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; margin:0 0 1rem 0;   }
h6					{   font-size:1.000rem;  font-weight:600; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; margin:0 0 1rem 0;   }
strong				{   font-weight:700;   }
small				{   font-size:0.750em;   }

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:var(--colorOffWhite); background:var(--colorOffBlack); overflow:hidden; overflow-y:hidden; overflow-x:auto;   }
code				{   display:inline-block; padding:0 0.5em; border-radius:0.25em; background-color:var(--colorOffBlack); color:var(--colorOffWhite); 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:var(--colorOffWhite); background:var(--colorOffBlack);   }

blockquote			{   margin:1em 0; padding:1em; border:none; border-left:0.125rem solid var(--colorPrimary); background-color:var(--colorOffWhite); font-size:1.250em; line-height:1.3125em; font-style:italic;   }
blockquote span.author	{   display:block; padding-top:0.500em; font-size:1rem; font-style:normal;   }

hr					{   display:inline-block; width:100%; height:0.0625rem; margin:0; padding:0; border:none; outline:none; background-color:var(--colorLightGrey);   }
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:var(--colorPrimary); border-radius:0.125em;   }
.txtWhite hr.small  {   background:var(--colorWhite);   }

/* --- Default links --- */
a.anchorFix			{   position:relative; top:-200px;   }
/*a, a:visited		{   color:var(--colorPrimary); border-bottom:0.0625em dotted var(--colorPrimary); text-decoration:none;   }*/
/*a:hover				{   border-bottom-style:solid;   }*/
a:active, a:focus   {   outline:none;   }

a.-active			{   color:var(--colorPrimary); border-bottom-style:solid;   }
a.-active:hover		{   cursor:default;   }

.txtWhite a,
.txtWhite a:visited	{   color:var(--colorWhite); border-bottom-color:var(--colorWhite);   }
.txtWhite a:hover	{   border-bottom-style:solid;   }

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

/* --- Text selection --- */
::selection			{   background:var(--colorPrimary); color:var(--colorWhite);   }
::-moz-selection	{   background:var(--colorPrimary); color:var(--colorWhite);   }


/* -------------------------------------------- */
/* =============== Text helpers =============== */
/* -------------------------------------------- */

/* --- 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 var(--colorPrimary); background-color:var(--colorOffWhite);   }
.txtHighlight		{   color:var(--colorPrimary);   }

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

/* --- Font weights --- */
.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:var(--colorPrimary); 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:var(--colorDarkGrey);   }


@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .ll- / 12 columns
	 * ---------------------------------------- */
	.ll-txtLeft		{   text-align:left;   }
	.ll-txtCenter	{   text-align:center;   }
	.ll-txtRight	{   text-align:right;   }

}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .ls- / 12 columns
	 * ---------------------------------------- */
	.ls-txtLeft		{   text-align:left;   }
	.ls-txtCenter	{   text-align:center;   }
	.ls-txtRight	{   text-align:right;   }
	
}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .tl- / 8 columns
	 * ---------------------------------------- */
	.tl-txtLeft		{   text-align:left;   }
	.tl-txtCenter	{   text-align:center;   }
	.tl-txtRight	{   text-align:right;   }
	
}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .ts- / 6 columns
	 * ---------------------------------------- */
	.ts-txtLeft		{   text-align:left;   }
	.ts-txtCenter	{   text-align:center;   }
	.ts-txtRight	{   text-align:right;   }

}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .ml- / 4 columns
	 * ---------------------------------------- */
	.ml-txtLeft		{   text-align:left;   }
	.ml-txtCenter	{   text-align:center;   }
	.ml-txtRight	{   text-align:right;   }

}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .ms- / 2 columns
	 * ---------------------------------------- */
	.ms-txtLeft		{   text-align:left;   }
	.ms-txtCenter	{   text-align:center;   }
	.ms-txtRight	{   text-align:right;   }
	
}




/* ------------------------------------------- */
/* ============= Font-face calls ============= */
/* ------------------------------------------- */

/* -------- Heading Fonts -------- */
@font-face {
	font-family: 'Dosis';
	src: url('/_content/Baseline.Web.Ui/fonts/dosis-light.woff2') format('woff2'),
		 url('/_content/Baseline.Web.Ui/fonts/dosis-light.woff') format('woff'),
		 url('/_content/Baseline.Web.Ui/fonts/dosis-light.ttf') format('truetype');
	font-weight:400;
	font-style:normal;
}
@font-face {
	font-family: 'Dosis';
	src: url('/_content/Baseline.Web.Ui/fonts/dosis-semibold.woff2') format('woff2'),
		 url('/_content/Baseline.Web.Ui/fonts/dosis-semibold.woff') format('woff'),
		 url('/_content/Baseline.Web.Ui/fonts/dosis-semibold.ttf') format('truetype');
	font-weight:600;
	font-style:normal;
}
/* -------- Body Fonts -------- */
@font-face {
	font-family: 'ProximaNova';
	src: url('/_content/Baseline.Web.Ui/fonts/proximanova-light.woff2') format('woff2'),
		 url('/_content/Baseline.Web.Ui/fonts/proximanova-light.woff') format('woff'),
		 url('/_content/Baseline.Web.Ui/fonts/proximanova-light.ttf') format('truetype');
	font-weight:200;
	font-style:normal;
}
@font-face {
	font-family: 'ProximaNova';
	src: url('/_content/Baseline.Web.Ui/fonts/proximanova-regular.woff2') format('woff2'),
		 url('/_content/Baseline.Web.Ui/fonts/proximanova-regular.woff') format('woff'),
		 url('/_content/Baseline.Web.Ui/fonts/proximanova-regular.ttf') format('truetype');
	font-weight:400;
	font-style:normal;
}
@font-face {
	font-family: 'ProximaNova';
	src: url('/_content/Baseline.Web.Ui/fonts/proximanova-bold.woff2') format('woff2'),
		 url('/_content/Baseline.Web.Ui/fonts/proximanova-bold.woff') format('woff'),
		 url('/_content/Baseline.Web.Ui/fonts/proximanova-bold.ttf') format('truetype');
	font-weight:700;
	font-style:normal;
}