@charset "UTF-8";
@font-face {
  font-family: 'DinBold';
  src: url("fonts/din-bold.eot");
  src: url("fonts/din-bold.eot?#iefix") format("embedded-opentype"), url("fonts/din-bold.woff") format("woff"), url("fonts/din-bold.ttf") format("truetype"), url("fonts/din-bold.svg#DinBold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Din';
  src: url("fonts/din-regular.eot");
  src: url("fonts/din-regular.eot?#iefix") format("embedded-opentype"), url("fonts/din-regular.woff") format("woff"), url("fonts/din-regular.ttf") format("truetype"), url("fonts/din-regular.svg#Din") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DINPro-Regular';
  src: url("fonts/DINPro-Regular.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DINPro-Bold';
  src: url("fonts/DINPro-Bold.otf");
  font-weight: normal;
  font-style: normal;
}
/* line 4, ../_sass/_typography.scss */
html {
  font-size: 62.5%;
}

@media (max-width: 1200px) {
  /* line 11, ../_sass/_typography.scss */
  html {
    font-size: 56.25%;
  }
}
@media (max-width: 800px) {
  /* line 19, ../_sass/_typography.scss */
  html {
    font-size: 50%;
  }
}
/* line 25, ../_sass/_typography.scss */
body {
  font-family: 'DINPro-Regular', 'Helvetica', sans-serif;
  text-rendering: optimizeLegibility;
}

/* line 33, ../_sass/_typography.scss */
b, strong {
  font-family: 'DINPro-Bold';
}

/* line 38, ../_sass/_typography.scss */
h1 {
  font-size: 6.6rem;
}

/* line 43, ../_sass/_typography.scss */
h2 {
  font-size: 4.8rem;
}

/* line 48, ../_sass/_typography.scss */
h3 {
  font-size: 3.4rem;
}

@media (max-width: 800px) {
  /* line 55, ../_sass/_typography.scss */
  h1, h2 {
    font-size: 4rem;
  }

  /* line 60, ../_sass/_typography.scss */
  h3 {
    font-size: 3rem;
  }
}
/* line 66, ../_sass/_typography.scss */
p, li, ul {
  font-size: 2rem;
}

/* line 71, ../_sass/_typography.scss */
.footnote {
  font-size: 1.6rem;
}

/* line 78, ../_sass/_typography.scss */
.nav-bar .home a {
  font-size: 1.6rem;
}
/* line 88, ../_sass/_typography.scss */
.nav-bar nav li a {
  font-size: 1.6rem;
}

/* line 97, ../_sass/_typography.scss */
.slick-prev:before, .slick-next:before {
  font-family: 'DINPro-Regular';
  font-size: 3.4rem;
  font-weight: 200;
}

/* line 104, ../_sass/_typography.scss */
a i.fa-2x {
  font-size: 3rem;
}

/* line 11, ../_sass/_colours.scss */
a {
  color: #000000;
  text-decoration: underline;
}
/* line 15, ../_sass/_colours.scss */
a:hover, a:active {
  color: #005A80;
}

/* line 21, ../_sass/_colours.scss */
.nav-bar {
  background-color: rgba(255, 255, 255, 0.8);
}
/* line 25, ../_sass/_colours.scss */
.nav-bar a,
.nav-bar .hamburger {
  color: #000000;
}
/* line 30, ../_sass/_colours.scss */
.nav-bar a:hover, .nav-bar a:active,
.nav-bar .hamburger:hover,
.nav-bar .hamburger:active {
  color: #00B4FF;
}

/* line 39, ../_sass/_colours.scss */
ul.gallery a {
  background-color: rgba(0, 180, 255, 0.7);
  color: white;
}

/* line 46, ../_sass/_colours.scss */
.fieldnotes ul li a {
  color: inherit;
}
/* line 50, ../_sass/_colours.scss */
.fieldnotes ul li a:hover, .fieldnotes ul li a:active {
  color: #00B4FF;
}
/* line 54, ../_sass/_colours.scss */
.fieldnotes ul li a:hover:hover, .fieldnotes ul li a:hover:active, .fieldnotes ul li a:active:hover, .fieldnotes ul li a:active:active {
  color: #5FD1F9;
}

/* line 61, ../_sass/_colours.scss */
.blog {
  background: #F4FCFF;
}

/* line 68, ../_sass/_colours.scss */
.multiple-slider .column {
  background: transparent;
}
/* line 71, ../_sass/_colours.scss */
.multiple-slider .column:hover {
  background: #95E0FB;
}
/* line 75, ../_sass/_colours.scss */
.multiple-slider .column:focus {
  outline: none;
}

/* line 85, ../_sass/_colours.scss */
#me a,
#me .footerEmail {
  color: #00B4FF;
  text-decoration: none;
}
/* line 91, ../_sass/_colours.scss */
#me a:hover, #me a:active,
#me .footerEmail:hover,
#me .footerEmail:active {
  color: #5FD1F9;
}
/* line 97, ../_sass/_colours.scss */
#me a span.wantMore {
  color: #000000;
}

/* line 104, ../_sass/_colours.scss */
#footer-bar {
  background-color: #00B4FF;
}

/* line 111, ../_sass/_colours.scss */
.slider h1 {
  color: #FFFFFF;
}
/* line 116, ../_sass/_colours.scss */
.slider .slick-slide:focus {
  outline: none;
}
/* line 129, ../_sass/_colours.scss */
.slider .slick-dots li button:hover:before, .slider .slick-dots li button:focus:before {
  opacity: 1;
}
/* line 134, ../_sass/_colours.scss */
.slider .slick-dots li button:before {
  color: #FFFFFF;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 142, ../_sass/_colours.scss */
.slider .slick-dots li.slick-active button:before {
  color: #00B4FF;
  opacity: 1;
}

/* line 1, ../_sass/_navigation.scss */
body {
  padding-top: 7.5rem;
}

/* line 6, ../_sass/_navigation.scss */
.nav-bar {
  position: fixed;
  top: 0;
  z-index: 2;
  width: 100%;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  box-sizing: border-box;
}
/* line 19, ../_sass/_navigation.scss */
.nav-bar .container .row {
  margin-right: 10%;
  margin-left: 10%;
}
/* line 26, ../_sass/_navigation.scss */
.nav-bar a {
  text-decoration: none;
}
/* line 33, ../_sass/_navigation.scss */
.nav-bar nav ul {
  list-style: none;
  margin-bottom: 0;
  line-height: 1;
}
/* line 39, ../_sass/_navigation.scss */
.nav-bar nav ul li {
  margin-bottom: 0;
  display: inline-block;
  line-height: 1;
}
/* line 45, ../_sass/_navigation.scss */
.nav-bar nav ul li a {
  padding-left: 2rem;
}

/* line 56, ../_sass/_navigation.scss */
.logo {
  background-image: url("../img/Metod_logo_80.5x40px.png");
  height: 2rem;
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  width: 48px;
  float: left;
}

/* line 68, ../_sass/_navigation.scss */
#logo-link {
  height: 2rem;
  width: 4.5rem;
  display: block;
}

/* Slider */
/* line 3, ../_sass/_slick.scss */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

/* line 18, ../_sass/_slick.scss */
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
/* line 25, ../_sass/_slick.scss */
.slick-list:focus {
  outline: none;
}
/* line 29, ../_sass/_slick.scss */
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

/* line 34, ../_sass/_slick.scss */
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

/* line 43, ../_sass/_slick.scss */
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: row;
}
/* line 51, ../_sass/_slick.scss */
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
/* line 57, ../_sass/_slick.scss */
.slick-track:after {
  clear: both;
}
/* line 61, ../_sass/_slick.scss */
.slick-loading .slick-track {
  visibility: hidden;
}

/* line 66, ../_sass/_slick.scss */
.slick-slide {
  float: left;
  flex: 1;
  min-height: 1px;
  display: none;
}
/* line 71, ../_sass/_slick.scss */
[dir="rtl"] .slick-slide {
  float: right;
}
/* line 74, ../_sass/_slick.scss */
.slick-slide img {
  display: block;
}
/* line 77, ../_sass/_slick.scss */
.slick-slide.slick-loading img {
  display: none;
}
/* line 83, ../_sass/_slick.scss */
.slick-slide.dragging img {
  pointer-events: none;
}
/* line 87, ../_sass/_slick.scss */
.slick-initialized .slick-slide {
  display: block;
}
/* line 91, ../_sass/_slick.scss */
.slick-loading .slick-slide {
  visibility: hidden;
}
/* line 95, ../_sass/_slick.scss */
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* line 101, ../_sass/_slick.scss */
.slick-arrow.slick-hidden {
  display: none;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../bower_components/slick-carousel/slick/fonts/slick.eot");
  src: url("../bower_components/slick-carousel/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("../bower_components/slick-carousel/slick/fonts/slick.woff") format("woff"), url("../bower_components/slick-carousel/slick/fonts/slick.ttf") format("truetype"), url("../bower_components/slick-carousel/slick/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
/* line 52, ../_sass/_slick-theme.scss */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 4rem;
  width: 4rem;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -2rem;
  padding: 0;
  border: none;
  outline: none;
}
/* line 69, ../_sass/_slick-theme.scss */
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
/* line 74, ../_sass/_slick-theme.scss */
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
  color: #00B4FF;
}
/* line 80, ../_sass/_slick-theme.scss */
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

/* line 86, ../_sass/_slick-theme.scss */
.slick-prev:before,
.slick-next:before {
  line-height: 1;
  color: #5FD1F9;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 100, ../_sass/_slick-theme.scss */
.slick-prev:before {
  position: relative;
  left: -2px;
  float: left;
  content: "←";
}
/* line 106, ../_sass/_slick-theme.scss */
[dir="rtl"] .slick-prev:before {
  content: "→";
}

/* line 115, ../_sass/_slick-theme.scss */
.slick-next:before {
  position: relative;
  right: -2px;
  float: right;
  content: "→";
}
/* line 121, ../_sass/_slick-theme.scss */
[dir="rtl"] .slick-next:before {
  content: "←";
}

/* line 131, ../_sass/_slick-theme.scss */
.slider .slick-prev,
.slider .slick-next,
.multiple-slider .slick-prev,
.multiple-slider .slick-next {
  z-index: 1;
}

/* line 140, ../_sass/_slick-theme.scss */
.slider .slick-prev {
  left: 4rem;
}
/* line 144, ../_sass/_slick-theme.scss */
.slider .slick-next {
  right: 4rem;
}

/* line 152, ../_sass/_slick-theme.scss */
.multiple-slider .slick-prev, .multiple-slider .slick-next {
  top: -6.3rem;
}
/* line 156, ../_sass/_slick-theme.scss */
.multiple-slider .slick-prev {
  left: 0;
}
/* line 161, ../_sass/_slick-theme.scss */
.multiple-slider .slick-next {
  right: 0;
}

/* line 170, ../_sass/_slick-theme.scss */
.multiple-slider .column {
  transition: .4s;
  margin-left: 0;
}
/* line 175, ../_sass/_slick-theme.scss */
.multiple-slider .column a {
  padding: 4rem 6rem;
  display: block;
  height: 100%;
}

/* line 188, ../_sass/_slick-theme.scss */
.slider a .info {
  background: rgba(255, 255, 255, 0.7);
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-decoration: none;
  transition: .4s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8rem;
}
/* line 204, ../_sass/_slick-theme.scss */
.slider a .info h2 {
  text-align: center;
}
/* line 212, ../_sass/_slick-theme.scss */
.slider a:hover .info {
  opacity: 1;
}

/* line 1, ../_sass/_spacing.scss */
.container {
  padding: 0;
  max-width: 120rem;
}

/* line 7, ../_sass/_spacing.scss */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* line 17, ../_sass/_spacing.scss */
.vertical-centered {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

/* line 27, ../_sass/_spacing.scss */
.low-centered {
  position: absolute;
  top: 70%;
  /* left: 50%;
  -webkit-transform: translate(-75%,-50%);
  -moz-transform: translate(-75%,-50%);
  -ms-transform: translate(-75%,-50%);
  -o-transform: translate(-75%,-50%);
  transform: translate(-75%,-50%); */
  width: 100%;
  text-align: center;
}

/* line 41, ../_sass/_spacing.scss */
.main-heading {
  text-align: center;
  padding: 18rem 0 2rem;
}

/* line 47, ../_sass/_spacing.scss */
.sub-heading {
  text-align: center;
  padding-top: 7rem;
}

/* line 53, ../_sass/_spacing.scss */
.sub-sub-heading {
  text-align: center;
}

/* line 60, ../_sass/_spacing.scss */
.container.slider {
  position: relative;
}

/* line 65, ../_sass/_spacing.scss */
.boxed-content {
  margin-left: 2rem;
  margin-right: 2rem;
}

/* line 73, ../_sass/_spacing.scss */
.text-content {
  margin-left: 25%;
  margin-right: 25%;
}
/* line 78, ../_sass/_spacing.scss */
.text-content .fieldnotes {
  margin-bottom: 5rem;
}

/* line 103, ../_sass/_spacing.scss */
.footerEmail a {
  padding-left: 2rem;
}

/* line 3, ../_sass/_gallery.scss */
ul.gallery li {
  margin: 0;
  list-style-type: none;
  display: block;
  float: left;
  position: relative;
  width: 50%;
  height: 0;
  padding-bottom: 33.33333%;
  background-size: cover;
  background-position: center;
}
/* line 19, ../_sass/_gallery.scss */
ul.gallery li img {
  max-width: 100%;
}
/* line 24, ../_sass/_gallery.scss */
ul.gallery li a {
  margin: 0;
  opacity: 0;
  transition: .4s;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  text-decoration: none;
}
/* line 34, ../_sass/_gallery.scss */
ul.gallery li a h2 {
  margin: 0;
  text-align: center;
}
/* line 39, ../_sass/_gallery.scss */
ul.gallery li a:hover {
  opacity: 1;
}

/* line 1, ../_sass/_fieldnotes.scss */
.blog .boxed-content a {
  text-decoration: none;
  color: #000000;
}

/* line 9, ../_sass/_fieldnotes.scss */
.fieldnotes ul {
  list-style-type: none;
}
/* line 13, ../_sass/_fieldnotes.scss */
.fieldnotes ul li {
  margin-bottom: 7rem;
}
/* line 17, ../_sass/_fieldnotes.scss */
.fieldnotes ul li:nth-child(odd) {
  clear: both;
  margin-left: 0;
}
/* line 29, ../_sass/_fieldnotes.scss */
.fieldnotes ul li a {
  text-decoration: none;
}
/* line 34, ../_sass/_fieldnotes.scss */
.fieldnotes ul li h3 {
  margin-top: 15px;
}
/* line 39, ../_sass/_fieldnotes.scss */
.fieldnotes ul li img {
  max-width: 100%;
  vertical-align: top;
}

/* line 3, ../_sass/_footer.scss */
#me img {
  max-width: 120%;
  transform: translateY(-10%);
  margin: auto;
  display: block;
}

/* line 12, ../_sass/_footer.scss */
#footer-bar {
  margin-top: 4rem;
}
/* line 15, ../_sass/_footer.scss */
#footer-bar p {
  text-align: center;
  padding-top: 2.2rem;
  padding-bottom: 2.2rem;
  color: white;
  margin: 0;
}

/* line 27, ../_sass/_footer.scss */
.arrow a {
  text-decoration: none;
  font-size: 3rem;
}

/* line 1, ../_sass/_overrides.scss */
img :focus {
  outline: none;
}

/* line 3, ../_sass/_hamburger.scss */
.nav-bar input.trigger {
  position: absolute;
  top: -9999rem;
  left: -9999rem;
}
/* line 11, ../_sass/_hamburger.scss */
.nav-bar input.trigger:checked ~ ul {
  display: block !important;
}
/* line 16, ../_sass/_hamburger.scss */
.nav-bar input.trigger:checked ~ label {
  transform: rotateZ(45deg);
  right: -7px;
  top: 1px;
}
/* line 26, ../_sass/_hamburger.scss */
.nav-bar .hamburger {
  display: none;
  position: fixed;
  top: 0;
  right: -5px;
  cursor: pointer;
  padding: 2.5rem;
  margin-bottom: 0;
  font-size: 140%;
  line-height: 1;
}

/* line 43, ../_sass/_hamburger.scss */
.gallery input.trigger,
.slider input.trigger {
  display: none;
}
/* line 47, ../_sass/_hamburger.scss */
.gallery input.trigger:checked ~ label,
.slider input.trigger:checked ~ label {
  transform: rotateZ(45deg);
}
/* line 53, ../_sass/_hamburger.scss */
.gallery .hamburger,
.slider .hamburger {
  display: none;
  position: absolute;
  right: 2rem;
  bottom: 1.5rem;
  cursor: pointer;
  padding: 2.75rem 3.5rem 3.25rem 2.5rem;
  font-size: 16px;
  border-radius: 50%;
  line-height: 0;
  width: 0;
  z-index: 1;
}

/* line 77, ../_sass/_hamburger.scss */
.gallery input.trigger:checked ~ a {
  opacity: 1;
}
/* line 82, ../_sass/_hamburger.scss */
.gallery .hamburger {
  background-color: rgba(0, 180, 255, 0.4);
  color: #FFFFFF;
}

/* line 91, ../_sass/_hamburger.scss */
.slider input.trigger:checked ~ a .info {
  opacity: 1;
}
/* line 96, ../_sass/_hamburger.scss */
.slider .hamburger {
  background-color: rgba(255, 255, 255, 0.4);
  color: #000000;
}

@media (max-width: 1200px) {
  /* line 3, ../_sass/_responsive.scss */
  .container {
    width: 100%;
  }

  /* line 8, ../_sass/_responsive.scss */
  .nav-bar {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  /* line 14, ../_sass/_responsive.scss */
  .slick-slide img {
    width: 100%;
  }

  /* line 19, ../_sass/_responsive.scss */
  .text-content img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
  }
}
@media (max-width: 800px) {
  /* line 32, ../_sass/_responsive.scss */
  .nav-bar nav ul {
    display: none;
    float: none;
    margin-top: 3.5rem;
    line-height: inherit;
  }
  /* line 39, ../_sass/_responsive.scss */
  .nav-bar nav ul li {
    display: block;
    line-height: inherit;
  }
  /* line 44, ../_sass/_responsive.scss */
  .nav-bar nav ul li a {
    display: block;
    text-align: right;
    padding-left: 0;
  }
  /* line 53, ../_sass/_responsive.scss */
  .nav-bar .hamburger {
    display: block;
  }

  /* line 59, ../_sass/_responsive.scss */
  .text-content {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  /* line 67, ../_sass/_responsive.scss */
  .nav-bar .container .row {
    margin-right: 0;
    margin-left: 0;
  }

  /* line 75, ../_sass/_responsive.scss */
  .slider .slick-prev {
    left: 2rem;
  }
  /* line 79, ../_sass/_responsive.scss */
  .slider .slick-next {
    right: 2rem;
  }

  /* line 87, ../_sass/_responsive.scss */
  .multiple-slider .slick-prev {
    left: 0;
  }
  /* line 92, ../_sass/_responsive.scss */
  .multiple-slider .slick-next {
    right: 0;
  }
  /* line 99, ../_sass/_responsive.scss */
  .multiple-slider .column a {
    padding: 1rem 0;
  }
  /* line 105, ../_sass/_responsive.scss */
  .multiple-slider .column:hover {
    background: transparent;
  }

  /* line 115, ../_sass/_responsive.scss */
  .gallery .hamburger,
  .slider .hamburger {
    display: block;
  }
}
@media (max-width: 599px) {
  /* line 126, ../_sass/_responsive.scss */
  .main-heading {
    padding: 9rem 0 2rem;
  }

  /* line 131, ../_sass/_responsive.scss */
  .hide-for-mobile {
    display: none;
  }

  /* line 136, ../_sass/_responsive.scss */
  ul.gallery li {
    width: 100%;
    padding-bottom: 66.66%;
  }
}

/*# sourceMappingURL=main.css.map */