/* Mohunkys Repsonsive Framework V4.2 Global Stylesheet  */

/* ========================================================

Created by Mohunky on behalf of Chocolate6 via Evry Creative

- This style sheet should contain all site wide styles that
  are constant no matter the breakpoint.
- All primary typographic styles should be in this sheet
- All standard button and link styles and form styles.
- All @font-face rules should be in this document.
- RWD Grid System should be within this document.

======================================================== */

/* ======== COLOURS =====================================

  Primary Blue   - #00205b
  Light Blue     - #96b6e5
  Grey           - #6d6e70

======================================================== */

body {   font-family:'OpenSans', Helvetica, Arial, sans-serif; font-weight:300; color:#00205b; background:#ffffff;   }

/* ================= GLOBAL TYPOGRAPHY ================= */
p  {   font-size:1.500em; margin:0em 0em 1em 0em; line-height:1.5em;   }
ol {   font-size:1.000em;   }
ul {   font-size:1.000em;   }
h1 {   font-size:2.750em; font-weight:normal; font-family:'OpenSansCondensed', Helvetica, Arial, sans-serif; margin:0em; text-transform:uppercase;   }
h2 {   font-size:3.000em; font-weight:normal; font-family:'OpenSansCondensed', Helvetica, Arial, sans-serif; margin:0em; text-transform:uppercase;   }
h3 {   font-size:1.500em; font-weight:normal; font-family:'OpenSansCondensed', Helvetica, Arial, sans-serif; margin:0em; text-transform:uppercase;   }
h4 {   font-size:1.500em; font-weight:normal; font-family:'OpenSansCondensed', Helvetica, Arial, sans-serif; margin:0em; text-transform:uppercase;   }
h5 {   font-size:1.000em; font-weight:normal; font-family:'OpenSansCondensed', Helvetica, Arial, sans-serif; margin:0em; text-transform:uppercase;   }
h6 {   font-size:1.000em; font-weight:normal; font-family:'OpenSansCondensed', Helvetica, Arial, sans-serif; margin:0em; text-transform:uppercase;   }

h1.txtwhite span {   display:inline-block; margin:0em 0em 0.125em 0em; padding:0em 0.250em; background-color:rgba(29,40,88,0.8);   }
h2.txtwhite span {   display:inline-block; margin:0em 0em 0.125em 0em; padding:0em 0.250em; background-color:rgba(29,40,88,0.8);   }
h2.txtblue span  {   display:inline-block; margin:0em 0em 0.125em 0em; padding:0em 0.250em; background-color:#ffffff;   }

strong {   font-weight:700;   }
small  {   font-size:0.750em;   }

hr     {  width:100%; max-width:928px; height:4px; margin:1em auto 2em auto; border:0; outline:none; background:url('/assets/images/pencil-line.png') center no-repeat;   }

/* -------- TEXT ALIGNMENT -------- */
.txtcenter  {   text-align:center;   }
.txtright   {   text-align:right;   }
.txtleft    {   text-align:left;   }

/* -------- TEXT COLOURS -------- */
.txtwhite   {   color:#ffffff;   }
.txtblue    {   color:#00205b;   }
.txtlgtblue {   color:#96b6e5;   }

/* -------- TEXT STYLES -------- */
.txtsmaller {   font-size:0.875em;   }
.txtbigger  {   font-size:1.250em;   }


/* ================== DEFAULT LINKS & BUTTONS ================== */
a, a:visited      {   color:#00205b; text-decoration:none;   }
a.txtwhite, a.txtwhite:visited	{   color:#fff;   }
a:hover           {   text-decoration:underline;   }
a:active, a:focus {   outline:none;   }
a.button          {   display:inline-block; margin:0.25em 0.450em 0.25em 0em; padding:0.450em 1em 0.3em 1em; background:#00205b; font-size:1.000em; text-transform:uppercase; color:#eaeae8;   }
a.button:hover    {   color:#eaeae8; background:#333333; text-decoration:none;   }

/* ================== TEXT SELECTION =================== */
::selection      {   background:#00205b; color:#ffffff;   }
::-moz-selection {   background:#00205b; color:#ffffff;   }


/* ================== 1180PX GRID ================== */
section       {      }
div.row       {   width:1180px; margin:0 auto;   }
div.row:after {   content:""; display:table; clear:both;   }

/* -------- COLUMN DEFAULTS -------- */
[class*="span"]               {   margin-left:2.75%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;   }
[class*="span"]:first-of-type {   margin-left:0;   }

.span1  {   width:5.813%;   }
.span2  {   width:14.375%;    }
.span3  {   width:22.938%;  }
.span4  {   width:31.500%;    }
.span5  {   width:40.063%;  }
.span6  {   width:48.625%;    }
.span7  {   width:57.187%;  }/* This used to be .col7, cant remember why, fix when I do */
.span8  {   width:65.750%;    }
.span9  {   width:74.312%;  }
.span10 {   width:82.875%;    }
.span11 {   width:91.437%;  }
.span12 {   width:100%; float:none;   }

/* -------- Other RWD Bits -------- */
img     {   max-width:100%; height:auto;   }

/* -------- Smaller Screens -------- */
@media only screen and (max-width: 1200px) {
  section {      }
  div.row {   width:960px;   }
}

/* -------- Tablets -------- */
@media only screen and (max-width: 1023px) {
  section {      }
  div.row {   width:760px;   }
}

/* -------- Mobile Devices -------- */
@media only screen and (max-width: 777px) {
  section {      }
  div.row {   width:96%; max-width:540px;   }
  [class*="span"] {   margin:0; float:none; width:100%;   }
}

/* ================== GLOBAL CLASSES =================== */
/* -------- PRETTY STUFF -------- */
.transition {   -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;   }

/* -------- BACKGROUND COLOURS -------- */
.bgblack    {   background-color:#323232;   }
.bgdrkblue  {   background-color:#00205b;   }
.bglgtblue  {   background-color:#96b6e5;   }
.bgwhite    {   background-color:#ffffff;   }

.bgdrkblue a, .bgdrkblue a:visited {   color:#ffffff;   }

/* -------- POSITIONING -------- */
.clear       {   clear:both;   }
.center      {   margin-right:auto; margin-left:auto;   }
.left        {   float:left;   }
.right       {   float:right;   }
.block       {   display:block;   }
.inlineblock {   display:inline-block;   }

/* -------- MARGINS AND PADDING -------- */
.mgtop0     {   margin-top:0em;   }
.mgtop1     {   margin-top:1em;   }
.mgtop2     {   margin-top:2em;   }
.mgtop3     {   margin-top:3em;   }
.mgtop4     {   margin-top:4em;   }
.mgtop5     {   margin-top:5em;   }
.mgtop6     {   margin-top:6em;   }
.mgtop7     {   margin-top:7em;   }
.mgtop8     {   margin-top:8em;   }
.mgbtm1     {   margin-bottom:1em;   }
.mgbtm2     {   margin-bottom:2em;   }
.mgbtm3     {   margin-bottom:3em;   }
.mgbtm4     {   margin-bottom:4em;   }
.mgbtm5     {   margin-bottom:5em;   }
.mgrgt1     {   margin-right:1em;   }
.mgrgt2     {   margin-right:2em;   }
.mglft1     {   margin-left:1em;   }
.mglft2     {   margin-left:2em;   }

.pdtop1     {   padding-top:1em;   }
.pdtop2     {   padding-top:2em;   }
.pdtop3     {   padding-top:3em;   }
.pdtop4     {   padding-top:4em;   }
.pdtop5     {   padding-top:5em;   }
.pdtop6     {   padding-top:6em;   }
.pdtop7     {   padding-top:7em;   }
.pdtop8     {   padding-top:8em;   }
.pdbtm1     {   padding-bottom:1em;   }
.pdbtm2     {   padding-bottom:2em;   }
.pdbtm3     {   padding-bottom:3em;   }
.pdbtm4     {   padding-bottom:4em;   }
.pdbtm5     {   padding-bottom:5em;   }
.pdbtm6     {   padding-bottom:6em;   }
.pdbtm7     {   padding-bottom:7em;   }
.pdbtm8     {   padding-bottom:8em;   }
.pdbtm8     {   padding-bottom:8em;   }

.pdlr1      {   padding-right:1em; padding-left:1em;   }

/* ================== FONT-FACE CALLS ================== */
@font-face {
  font-family: 'OpenSans';
  src: url('/fonts/opensans-light-webfont.eot'); 
  src: url('/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
       url('/fonts/opensans-light-webfont.woff2') format('woff2'),
       url('/fonts/opensans-light-webfont.woff') format('woff'),
       url('/fonts/opensans-light-webfont.ttf')  format('truetype'),
       url('/fonts/opensans-light-webfont.svg#OpenSansLight') format('svg');
  font-weight:300;
  font-style:normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/fonts/opensans-bold-webfont.eot'); 
  src: url('/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('/fonts/opensans-bold-webfont.woff2') format('woff2'),
       url('/fonts/opensans-bold-webfont.woff') format('woff'),
       url('/fonts/opensans-bold-webfont.ttf')  format('truetype'),
       url('/fonts/opensans-bold-webfont.svg#OpenSansBold') format('svg');
  font-weight:700;
  font-style:normal;
}
@font-face {
  font-family: 'OpenSansCondensed';
  src: url('/fonts/opensans-condbold-webfont.eot'); 
  src: url('/fonts/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
       url('/fonts/opensans-condbold-webfont.woff2') format('woff2'),
       url('/fonts/opensans-condbold-webfont.woff') format('woff'),
       url('/fonts/opensans-condbold-webfont.ttf')  format('truetype'),
       url('/fonts/opensans-condbold-webfont.svg#OpenSansBoldCondensed') format('svg');
  font-weight:normal;
  font-style:normal;
}