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

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

Created by Mohunky on behalf of Reach Community Services

- 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 Orange - #f07e4b
    Off Black      - #3c3c3b
    Grey           - #667379
    Off White      - #f3eeeb
    -- RINGS --
    Inner/Outter   - #f7b699
    Center         - #f3986f

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

body {   font-family:'OpenSans', Helvetica, Arial, sans-serif; color:#3c3c3b; background:#ffffff; overflow-x:hidden;   }

/* ================= GLOBAL TYPOGRAPHY ================= */
p           {   font-size:1.125em; font-weight:normal; line-height:1.5em; margin:0em 0em 1em 0em;   }
ol          {   font-size:1.125em; font-weight:normal;   }
ul          {   font-size:1.125em; font-weight:normal;   }
h1          {   font-size:1.875em; font-weight:normal; line-height:1em; font-family:'CoreHumanistSans', Helvetica, Arial, sans-serif; margin:0em 0em 1em 0em;   }
h2          {   font-size:1.750em; font-weight:normal; line-height:1em; font-family:'CoreHumanistSans', Helvetica, Arial, sans-serif; margin:0em 0em 1em 0em;   }
h3          {   font-size:1.500em; font-weight:normal; line-height:1em; font-family:'CoreHumanistSans', Helvetica, Arial, sans-serif; margin:0em 0em 1em 0em;   }
h4          {   font-size:1.125em; font-weight:normal; line-height:1em; font-family:'CoreHumanistSans', Helvetica, Arial, sans-serif; margin:0em 0em 1em 0em;   }
h5          {   font-size:1.000em; font-weight:normal; line-height:1em; font-family:'CoreHumanistSans', Helvetica, Arial, sans-serif; margin:0em 0em 1em 0em;   }
h6          {   font-size:1.000em; font-weight:normal; line-height:1em; font-family:'CoreHumanistSans', Helvetica, Arial, sans-serif; margin:0em 0em 1em 0em;   }

strong      {   font-weight:700;   }
small       {   font-size:0.750em;   }
sub         {   bottom:0;   }
address     {   font-size:1.125em; font-style:normal;   }

hr          {  width:100%; height:2px; margin:1em auto 2em auto; border:0; outline:none; background-color:#f07e4b;   }

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

/* -------- TEXT COLOURS -------- */
.txtwhite   {   color:#ffffff;   }
.txtdark    {   color:#3c3c3b;   }
.txtorange  {   color:#f07e4b;   }

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


/* ================== DEFAULT LINKS & BUTTONS ================== */
a, a:visited      {   color:#f07e4b; text-decoration:none;   }
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.2777775em 1em; border:2px solid #f07e4b; -webkit-border-radius:20px; border-radius:20px; font-size:1.125em; font-family:'CoreHumanistSans', Helvetica, Arial, sans-serif; color:#f07e4b; -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;   }
a.button:hover    {   color:#ffffff; background:#f07e4b; text-decoration:none;   }

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


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

/* -------- COLUMN DEFAULTS -------- */
[class*="span"]               {   position:relative; float:left; margin-left:2.75%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; z-index:2;   }
[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;   }
  #schedule div.row	{   width:100%; min-width:60em;   }
}

/* -------- 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;   }

/* -------- 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;   }
.mgbtm0     {   margin-bottom:0;   }
.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;   }

/* -------- GLOBAL CLASSES -------- */
.bgblack    {   background-color:#323232;   }
.bgwhite    {   background-color:#ffffff;   }
.bgorange   {   background-color:#f07e4b;   }
.bggrey     {   background-color:#f3eeeb;   }


/* ================== FONT-FACE CALLS ================== */
@font-face {
  font-family: 'OpenSans';
  src: url('/fonts/OpenSans.eot'); 
  src: url('/fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
       url('/fonts/OpenSans.woff2') format('woff2'),
       url('/fonts/OpenSans.woff') format('woff'),
       url('/fonts/OpenSans.ttf')  format('truetype'),
       url('/fonts/OpenSans.svg#OpenSansRegular') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family: 'CoreHumanistSans';
  src: url('/fonts/CoreHumanistSans.eot'); 
  src: url('/fonts/CoreHumanistSans.eot?#iefix') format('embedded-opentype'),
       url('/fonts/CoreHumanistSans.woff2') format('woff2'),
       url('/fonts/CoreHumanistSans.woff') format('woff'),
       url('/fonts/CoreHumanistSans.ttf')  format('truetype'),
       url('/fonts/CoreHumanistSans.svg#CoreHumanistSans') format('svg');
  font-weight:normal;
  font-style:normal;
}