/* Author: D Jackson. Lancaster University.

1. FONTS
2. Text, Paragraphs, Links
3. LAYOUT
4. GLOBAL
5. INPUTS

*/

/* 1. FONTS =================================================================================================================================================== */

  @font-face {font-family: 'EffraRegular';src: url(../fonts/effra_std_rg_0-webfont.eot);src: url(../fonts/effra_std_rg_0-webfont.eot?#iefix) 
  format('embedded-opentype'),url(../fonts/effra_std_rg_0-webfont.woff) format('woff'),url(../fonts/effra_std_rg_0-webfont.ttf) format('truetype'),
  url(../fonts/effra_std_rg_0-webfont.svg#EffraRegular) format('svg');font-weight: normal;font-style: normal;}
  @font-face {font-family: 'EffraBold';src: url(../fonts/effra_std_0-webfont.eot);src: url(../fonts/effra_std_0-webfont.eot?#iefix) 
  format('embedded-opentype'),url(../fonts/effra_std_0-webfont.woff) format('woff'),url(../fonts/effra_std_0-webfont.ttf) format('truetype'),
  url(../fonts/effra_std_0-webfont.svg#EffraBold) format('svg');font-weight: normal;font-style: normal;}
  @font-face {font-family: 'EffraLight';src: url(../fonts/effra_std_lt_0-webfont.eot);src: url(../fonts/effra_std_lt_0-webfont.eot?#iefix) 
  format('embedded-opentype'),url(../fonts/effra_std_lt_0-webfont.woff) format('woff'),url(../fonts/effra_std_lt_0-webfont.ttf) format('truetype'),
  url(../fonts/effra_std_lt_0-webfont.svg#EffraLight) format('svg');font-weight: normal;font-style: normal;}
  @font-face {font-family: 'LexiaBold';src: url(../fonts/lexia_std-webfont.eot);src: url(../fonts/lexia_std-webfont.eot?#iefix) format('embedded-opentype'),
  url(../fonts/lexia_std-webfont.woff) format('woff'),url(../fonts/lexia_std-webfont.ttf) format('truetype'),url(../fonts/lexia_std-webfont.svg#LexiaBold) format('svg');
  font-weight: normal;font-style: normal;}
  @font-face {font-family: 'LexiaLight';src: url(../fonts/lexia_std_lt-webfont.eot);src: url(../fonts/lexia_std_lt-webfont.eot?#iefix) format('embedded-opentype'),
  url(../fonts/lexia_std_lt-webfont.woff) format('woff'),url(../fonts/lexia_std_lt-webfont.ttf) format('truetype'),url(../fonts/lexia_std_lt-webfont.svg#LexiaLight) 
  format('svg');font-weight: normal;font-style: normal;}
  @font-face {font-family: "LexiaLightItalic";font-style: normal;font-weight: normal;
    src: url(../fonts/lexia_std_ltit-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/lexia_std_ltit-webfont.woff) format("woff"), 
    url(../fonts/lexia_std_ltit-webfont.svg#LexiaLightItalic) format("svg");}


/* 2. Text, Paragraphs, Lists, Links ========================================================================================================================================== */

  h1{color: #B5121B;font-family: 'LexiaLight',sans-serif;font-size: 2.3923em;
      letter-spacing: -0.04em;line-height: 1em;font-weight:normal;float:left;position: relative;top:.6em;/**/}
  h2{color: black;font-family: 'EffraLight',Arial,Helvetica,sans-serif;font-size: 1.6923em;
    letter-spacing: -0.04em;line-height: 1.1818em;margin-bottom: .25em;margin-top: 0em;font-weight: normal;}
  h3{color: black;font-family: 'EffraLight',Arial,Helvetica,sans-serif;
    letter-spacing: -0.04em;line-height: 1.1818em;margin-bottom: 0em;margin-top: 0em;font-weight: normal;}
  .loggedin h3 a{color: #B5121B;font-size: .8923em;text-decoration:underline;}
  
  p {font-family: 'LexiaLight',sans-serif;
  font-size: 1.0308em;line-height: 1.4em;margin: 0;margin-bottom: 1em;color:#333;}
  p.lead {font-family: 'LexiaLightItalic',sans-serif;
  font-size: 1.0308em;line-height: 1.4em;margin: 0;margin-bottom: 1em;}
  label{font-family: 'LexiaLight',sans-serif;font-size: 1.0308em;}
  p.problem{font-size: .70308em;}
  p.text{font-size: .80308em;}
  p.diags{font-size: .6em; text-align: right;}
  p.problem{font-family: 'LexiaLight',sans-serif;padding-top:1em;}
  p a{color: #B5121B; text-decoration: underline; cursor: pointer;}
  .form{background-color:#EFEFEF;padding:3% 3% 1% 3%;border-radius:0px 0px 30px 0px;margin-top:.5em; }
  a.text{color:#000;}
  
  img, img a{border:0;}
  p.text.bottom{margin-top:2em;}
  p.changed{font-weight: bold;padding-left: 0em}
  ul.servicelist {margin-left: -1.5em;padding: :0;}
  ul.servicelist li{list-style-type: none;margin:0;padding: :0;}
 
   /* errors */
   .errormessage p{font-size:.8em;color:#B5121B;margin-top:1em;}

/* 3. LAYOUT ============================================================================================================================================================== */

  .mainbox{padding:1%;min-width:200px;max-width:460px;margin:0 auto;margin-top:0em;margin-bottom:0;margin-left: auto;margin-right: auto;}
  .diags{margin-right:1em;}
  
  .mainbox .header { display: flex; flex-flow: row wrap-reverse; }
  .mainbox .form { display: flex; flex-flow: row wrap; }

  .half.h1, .half.login { width:49.5%;  }
  .half.h1 h1 { font-size: 2em; }
  .half.logo { text-align: right; }
  .half.logo, .half.desc { width: 49.5%; }

  /* IE before 10 doesn't support flex */
  html.msie .half {float:left; width: 49.5%;}
  html.msie .half.logo {float:right;  margin-right: 2em; width: 29%;}

  /* make the form elements bigger on a small screen device */
  @media only screen and (max-width: 420px) { 
     .half.login { width: 100%; }
     /*.half.login .inputfield { font-size: 1.5em; }*/
     .half.desc { width: 100%; }
     .half.h1 h1 { font-size: 7.5vw; width: 49.5vw;}
     .half.logo img { width: 37.38vw;} /* match size at tx: img is 157px, 37.38=(157/420)*100 */

     /* IE before 10 doesn't support flex */
     html.msie .half {float:none; width: 100%;}
  }

  /* Reset Friend */
  /*
  .mainbox.friend{position: relative;top:-3.5em;}
  .friend .half.logo{position: relative;top:2.5em;}
  */

/* 4. GLOBAL ================================================================================================================================================================= */
    /* CLEARFIX */
  /* The problem happens when a floated element is within a container box, that element does not automatically force
      the container’s height adjust to the floated element.
      When an element is floated, its parent no longer contains it because the float is removed from the flow. */
      .clearfix:before, .clearfix:after {content : "\0020"; display : block; height : 0; overflow : hidden; }
      .clearfix:after { clear : both; height:0}

/* 5. INPUTS ================================================================================================================================================================= */
  input {font-family: 'Effra',Arial,Helvetica,sans-serif;}

  .submit {margin-top:.25em;font-size:.9em;}

  /* errors */
  .inputfield.error input{border:2px solid #B5121B;}

 /* some MSIE fixes */
  html.lt-ie8 input{padding:1px 5px;}
  html.lt-ie8 .half { float:none; }
  html.lt-ie9 .inputfield input { width: 70%; }