/* Site Specific Styles */
/* Fonts */
/* 
  Webfont helpers: hides webfont elements 
  before the webfont has loaded
*/
.wf-loading {
 visibility: hidden;
}
/* TODO check font-feature and font-variant for IE and Chrome */
html {
  /* fluid type noodling */
/*   font-size: 2vw; */
  
  font-style: normal;
  /* Kerning */
  font-kerning: normal;
  -moz-font-feature-settings: "kern";
  -webkit-font-feature-settings: "kern";
  font-feature-settings: "kern";
  /* Proportional Numbers */
  font-variant-numeric: proportional-nums;
  -moz-font-feature-settings: "pnum";
  -webkit-font-feature-settings: "pnum";
  font-feature-settings: "pnum";
  /* Old-style Numbers */
  font-variant-numeric: oldstyle-nums;
  -moz-font-feature-settings: "onum";
  -webkit-font-feature-settings: "onum";
  font-feature-settings: "onum";
  /* Common Ligatures */
  font-variant-ligatures: common-ligatures;
  -moz-font-feature-settings: "liga", "clig";
  -webkit-font-feature-settings: "liga", "clig";
  font-feature-settings: "liga", "clig";
}

/* programme mixitup */
.meetings .mix { display: none; }
.filter { 
  cursor:pointer;
  color: #5050C8;
  border-bottom: thin dotted;
}
.filter:hover {
  background-color: #FFDF91;
}
/* custom link hover */
/* a:hover { text-decoration: none; } */
/* .item:hover { cursor: pointer} */


/* myriad */
.mpl {
  font-family: "myriad-pro",sans-serif;
  font-weight: 300;
}
.mpr {
  font-family: "myriad-pro",sans-serif;
  font-weight: 400;
}
.mps {
  font-family: "myriad-pro",sans-serif;
  font-weight: 700;
}
.mpb {
  font-family: "myriad-pro",sans-serif;
  font-weight: 900;
}
.mpri {
  font-family: "myriad-pro",sans-serif;
  font-style: italic;
  font-weight: 400;
}
/* colours */
.link-blue {
  color: #5050C8;
  background-color: #FFDF91;
}
.link-yellow {
  color: #FFDF91;
  background-color: #5050C8;
}


/* background images */
header { background-image: url(../upg2_images/logos/rangefinder-r.png); }
footer { background-image: url(../upg2_images/logos/rangefinder.png); }
/* links */
a {
  color: #5050C8;
  text-decoration: none;
  border-bottom: thin dotted;
}
header a {
/*   color: #fcfcfc; */
/*   border-bottom: none; */
  color: #FFDF91;
/*   border-bottom: thin dotted; */
}
header a:hover {
/*   color: #ffffaa; */
/*   color: #FFDF91; */
  background-color: #5050C8;
  border-bottom: thin dotted;
/*   border-top: thin dotted; */
}
main a:hover {
/*   background-color: #ffffaa; */
  background-color: #FFDF91;
  border-bottom: thin dotted;
/*   border-top: thin dotted; */
}
.breadcrumb a {
/*   border-bottom: none; */
}

/* My colors */
.dark {
/*   color: #2E2E2E; */
  color: #1F1F1F;
}
.bg-dark {
/*   background-color: #2E2E2E; */
  background-color: #1F1F1F;
}
.light {
  color: #FCFCFC;
}
.bg-light {
  background-color: #FCFCFC;
}
.mid {
  color: #5C5C5C;
}
/* noodling */
/* triangles */
footer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228px%22%20height%3D%224px%22%3E%3Cpolygon%20points%3D%220%2C0%204%2C4%208%2C0%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
}
header:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228px%22%20height%3D%224px%22%3E%3Cpolygon%20points%3D%220%2C4%204%2C0%208%2C4%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
}
/* magnific pop-up animations */
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.30s ease-out;
  -moz-transition: all 0.30s ease-out;
  transition: all 0.30s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.95;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.30s ease-out;
  -moz-transition: all 0.30s ease-out;
  transition: all 0.30s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}