/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------
  
  Sprint 2

  -added .rgba for cross browser background colors
  */
/***** 
     Scheme || Primary, Accent || Common Name Classes
	 hex expressed first then rgba which overrides in supported browsers or is ignored
*****/
/*primary*/
/*accent*/
/*primary*/
.mrmPurple {
  color: #4f2d7f;
}
.mediumPurple {
  color: #61428c;
}
.lightPurple {
  color: #a588ce;
}
.darkPurple {
  color: #371f59;
}
.warmGrey {
  color: #bdb1a6;
}
.mediumGrey {
  color: #d7d0ca;
}
.lightGrey {
  color: #ebe7e4;
}
.darkGrey {
  color: #4c4742;
}
.white {
  color: #ffffff;
}
.black {
  color: #101010;
}
/*primary background*/
.mrmPurpleBg {
  background-color: #4f2d7f;
}
.mediumPurpleBg {
  background-color: #61428c;
}
.lightPurpleBg {
  background-color: #a588ce;
}
.darkPurpleBg {
  background-color: #371f59;
}
.warmGreyBg {
  background-color: #bdb1a6;
}
.mediumGreyBg {
  background-color: #d7d0ca;
}
.lightGreyBg {
  background-color: #ebe7e4;
}
.darkGreyBg {
  background-color: #4c4742;
}
.whiteBg {
  background-color: #ffffff;
}
.blackBg {
  background-color: #101010;
}
/*primary background on hover or focus*/
.mrmPurpleBg:hover,
.mrmPurple:focus {
  background-color: #4f2d7f;
}
/*accent*/
.mrmRed {
  color: #d52b1e;
}
.mrmYellow {
  color: #f0ab00;
}
.mrmGreen {
  color: #009b3a;
}
.darkRed {
  color: #bf271b;
}
.darkYellow {
  color: #d89a00;
}
.darkGreen {
  color: #006526;
}
/*accent background*/
.mrmRedBg {
  background-color: #d52b1e;
}
.mrmYellowBg {
  background-color: #f0ab00;
}
.mrmGreenBg {
  background-color: #009b3a;
}
.darkRedBg {
  background-color: #bf271b;
}
.darkYellowBg {
  background-color: #d89a00;
}
.darkGreenBg {
  background-color: #006526;
}
/*accent background on hover or focus*/
.mrmRedBg:hover,
.mrmRed:focus {
  background-color: #d52b1e;
  background-color: rgba(213, 43, 30, 0.8) !important;
}
.warmLight {
  margin: 0 auto 1em;
  /* linear gradient from warmGrey to lightGrey */

  background: #ebe7e4;
  /*fallback for non-CSS3 browsers*/

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bdb1a6), color-stop(100%, #ebe7e4));
  /* Chrome,Safari4+ */

  background: -webkit-gradient(linear, 0 0, 0 100%, from(#bdb1a6) to(#ebe7e4));
  /*old webkit*/

  background: -webkit-linear-gradient(#bdb1a6, #ebe7e4);
  /*Safari5.1 and iOS5*/

  background: -webkit-linear-gradient(top, #bdb1a6 0%, #ebe7e4 100%);
  /* Chrome10+,Safari5.1+ */

  background: -moz-linear-gradient(#bdb1a6, #ebe7e4);
  /*gecko*/

  background: -ms-linear-gradient(#bdb1a6, #ebe7e4);
  /*IE10*/

  background: -o-linear-gradient(#bdb1a6, #ebe7e4);
  /*opera 11.10+*/

  background: linear-gradient(#bdb1a6, #ebe7e4);
  /*future CSS3 browsers*/

  -pie-background: linear-gradient(#bdb1a6, #ebe7e4);
  /*PIE*/

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@warmGrey', endColorstr='@lightGrey');
  /* IE 9 */

  behavior: url('/css/vendor/PIE.htc');
}
/*****
	SVG shadowbox theme
	To edit this background, follow this link:
	http://svgeneration.com/generate/Shadowbox?background=000000&boxes=4f2d7f&box-density=4&box-size=16&
*****/
.mrmShadowBox {
  background-color: #000000;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzQwMCcgaGVpZ2h0PSc0MDAnPgoJPGRlZnMgaWQ9J2RlZnM0Jz4KCQk8ZmlsdGVyIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0nc1JHQicgaWQ9J2ZpbHRlcjMxMTUnPgoJCQk8ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgbnVtT2N0YXZlcz0nMScgYmFzZUZyZXF1ZW5jeT0nMC45JyBpZD0nZmVUdXJidWxlbmNlMzExNycgLz4KCQkJPGZlQ29sb3JNYXRyaXggcmVzdWx0PSdyZXN1bHQ1JyB2YWx1ZXM9JzEgMCAwIDAgMCAwIDEgMCAwIDAgMCAwIDEgMCAwIDAgMCAwIDYgLTQuMTUgJyBpZD0nZmVDb2xvck1hdHJpeDMxMTknIC8+CgkJCTxmZUNvbXBvc2l0ZSBpbjI9J3Jlc3VsdDUnIG9wZXJhdG9yPSdpbicgaW49J1NvdXJjZUdyYXBoaWMnIHJlc3VsdD0ncmVzdWx0NicgaWQ9J2ZlQ29tcG9zaXRlMzEyMScgLz4KCQkJPGZlTW9ycGhvbG9neSBpbj0ncmVzdWx0Nicgb3BlcmF0b3I9J2RpbGF0ZScgcmFkaXVzPScxNicgcmVzdWx0PSdyZXN1bHQzJyBpZD0nZmVNb3JwaG9sb2d5MzEyMycgLz4KCQk8L2ZpbHRlcj4KCTwvZGVmcz4KCTxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHg9JzAnIHk9JzAnIGlkPSdyZWN0Mjk4NScgZmlsbD0nIzAwMDAwMCcvPiAgICAgCgk8cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyB4PScwJyB5PScwJyBpZD0ncmVjdDI5ODUnIHN0eWxlPSdmaWxsOiM0ZjJkN2Y7ZmlsdGVyOnVybCgjZmlsdGVyMzExNSknIC8+Cjwvc3ZnPg==');
}
/*****
     iOS fixes
*****/#header.smallBanner #top,
#header.smallBanner .inHeader,
#header.smallBanner h1 {
  line-height: 2.5em;
}
#header.smallBanner #top .block-title {
  width: 80px;
}
#header #top {
  z-index: 100;
  position: relative;
  /*color: #fff;
    background: #333333;*/

}
#header #top .block-title {
  display: inline-block;
  width: 112px;
  margin: 0;
  padding: 0;
  font-size: 1.875em;
  /*line-height: 1.2em;*/

  text-align: center;
  white-space: nowrap;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#header #top .block-title img {
  width: 100%;
}
@media screen and (max-width: 930px) {
  #header #top .block-title {
    width: 70px;
  }
}
#header #top .nav-btn {
  position: absolute;
  top: 1.6em;
  right: 0;
}
@media screen and (min-width: 700px) {
  #header #top .nav-btn {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
@media screen and (max-width: 699px) {
  #header #top .nav-btn {
    display: block;
    width: 2em;
    height: 2em;
    padding: 0;
    border: 0;
    outline: none;
    /*background: #333333 url("../images/navIcon.svg") left center no-repeat;*/
    /*no SVG yet*/
  
    /*background-size: 1.875em 1.5em;*/
  
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /*background-image: url("../images/navIcon.png");*/
  
    background: url("/images/prototype/navIcon.png") 50% 50% no-repeat transparent;
  }
}
#header #top .nav-btn:hover,
#header #top .nav-btn:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
@media screen and (max-width: 699px) {
  #header #top .block {
    width: 100%;
  }
}
#header #nav {
  z-index: 200;
  position: relative;
  overflow: hidden;
  /*width: 100%;*/

  /*color: #fff;*/

}
@media screen and (max-width: 699px) {
  #header #nav {
    position: absolute;
    top: 0;
    padding-top: 5.25em;
  }
}
@media only screen and (min-width: 700px) {
  #header #nav {
    float: right;
  }
}
#header #nav .close-btn {
  display: none;
}
@media screen and (min-width: 700px) {
  #header #nav .close-btn {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
@media screen and (max-width: 699px) {
  #header #nav .close-btn {
    position: absolute;
    top: -3.75em;
    right: 1.875em;
  }
}
#header #nav .block-title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
@media screen and (min-width: 700px) {
  
}
#header #nav .block {
  z-index: 2;
  position: relative;
  /*padding: 0.75em 1.25em;*/

  /*background: #333333;*/

}
@media screen and (max-width: 699px) {
  #header #nav .block {
    position: relative;
    padding: 0;
  }
}
#header #nav ul {
  *zoom: 1;
  display: block;
  padding: 0;
  margin: 1px 0 0 0;
}
@media screen and (min-width: 700px) {
  #header #nav ul {
    text-align: center;
    white-space: nowrap;
  }
}
#header #nav ul li {
  display: block;
  padding: 0;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 699px) {
  #header #nav ul li.is-active:after {
    z-index: 50;
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -0.03125em;
    margin-top: -0.625em;
    border-top: 0.625em transparent solid;
    border-bottom: 0.625em transparent solid;
    border-left: 0.625em white solid;
  }
}
#header #nav ul li a {
  display: block;
  color: #4f2d7f;
  font-size: 1.500em;
  line-height: 1.28571em;
  font-weight: normal;
  outline: none;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 1060px) {
  #header #nav ul li a {
    font-size: 1.2em;
  }
}
@media screen and (max-width: 930px) {
  #header #nav ul li a {
    font-size: 1em;
  }
}
@media screen and (max-width: 699px) {
  #header #nav ul li a {
    padding: 0.85714em 2.14286em;
  }
}
@media screen and (min-width: 700px) {
  #header #nav ul li {
    padding-left: 2.14286em;
    display: inline-block;
    /*border-right: 1px solid rgba(255, 255, 255, 0.1);*/
  
  }
}
@media screen and (max-width: 699px) {
  #header #nav ul li {
    position: relative;
    border-top: 1px solid #ebe7e4;
  }
}
@media screen and (max-width: 860px) {
  #header #nav ul li {
    padding-left: 1em;
  }
}
#header #nav ul li:nth-child(2) {
  padding-left: 0;
}
@media screen and (max-width: 699px) {
  #header #nav ul li:nth-child(2) {
    padding-left: 1em;
  }
}
#header #nav ul li:last-child {
  border-right: none;
}
@media screen and (max-width: 699px) {
  #header #nav ul li:last-child {
    border-bottom: 1px solid #ebe7e4;
  }
}
#header #nav ul:before,
#header #nav ul:after {
  content: "";
  display: table;
}
#header #nav ul:after {
  clear: both;
}
#header #nav .contextNav .close-btn {
  display: block;
  width: 1.875em;
  height: 1.875em;
  padding: 0;
  border: 0;
  outline: none;
  /*background: #333333 url("../images/close-btn.svg") left center no-repeat;*/
  /*no SVG yet*/

  /*background-size: 1.875em 1.875em;*/

  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-image: url("/images/prototype/close-btn.png");
}
#header #nav .contextNav .close-btn:focus,
#header #nav .contextNav .close-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
@media screen and (max-width: 699px) {
  #header #nav:not(:target) {
    z-index: 1;
    height: 0;
  }
}
@media screen and (max-width: 699px) {
  #header #nav:target .close-btn {
    display: block;
  }
}
@media screen and (max-width: 699px) {
  .js-ready #header #nav {
    right: 70%;
    height: inherit;
    width: 70%;
    background: #fff;
    /*  -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
          -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
          box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);*/
  
  }
  .js-ready #header #nav .block {
    background: transparent;
  }
  .js-ready #header #nav .close-btn {
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  .js-ready #header #nav .close-btn:focus,
  .js-ready #header #nav .close-btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@media screen and (max-width: 699px) {
  .csstransitions.csstransforms3d.js-ready #header #nav {
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
@media screen and (max-width: 699px) {
  .csstransitions.csstransforms3d.js-ready #header #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
    -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
    transition: opacity 300ms 100ms ease, transform 500ms ease;
    -webkit-transform: translate3d(-70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -moz-transform: translate3d(-70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -ms-transform: translate3d(-70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -o-transform: translate3d(-70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    transform: translate3d(-70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }
}
@media screen and (max-width: 699px) {
  .csstransitions.csstransforms3d.js-nav #header #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/*** Temporary sections container and navigation menu ***/
.contained,
.inMain,
.inSlide,
.isotopeGrid {
  width: 95%;
  margin: 0 auto;
}
.contained {
  padding: 2.5em;
}
#nav {
  float: right;
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.contained,
.inMain,
.inSlide,
.isotopeGrid {
  width: 75%;
  margin: 0 auto;
  overflow: hidden;
}
.aBanner .inHeader {
  width: 75%;
}
#header #top .block {
  float: left;
  width: 112px;
}
@media screen and (max-width: 699px) {
  #header #top .block {
    width: 100%;
  }
}
.aBanner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  z-index: 10000;
  /*height: 230px;*/

  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  transition: height 0.3s;
}
.aBanner .inHeader {
  margin: 0 auto;
  line-height: 5em;
}