@charset "UTF-8";
/* natUIve – CSS for JS-enhanced content – rado.bg */
/*
$color: #fff;
$bg: #1E8DaC;
*/
:root {
  /*
  // Crashes Chrome 49 Beta, FF 44 bug can't calc properly
  	--line-height: 2;
  	--line-height-em: calc(var(--line-height)*1em);
  */
  /*
  	--color: #fff;
  	--bg: #1E8DaC;
  */
  --color: #333;
  --bg: #fff; }

/*
$font-size: 26px;
$line-height: 34px;
*/
/* Rewrite base variables here; add theme CSS below this one in <head> */
/* natUIve – Slider – JS-enhanced */
/*
$color: #fff;
$bg: #1E8DaC;
*/
:root {
  /*
  // Crashes Chrome 49 Beta, FF 44 bug can't calc properly
  	--line-height: 2;
  	--line-height-em: calc(var(--line-height)*1em);
  */
  /*
  	--color: #fff;
  	--bg: #1E8DaC;
  */
  --color: #333;
  --bg: #fff; }

.overlay .slider, .overlay .slider-wrap {
  height: 100% !important; }

.overlay .slider-wrap, .overlay .slider-wrap.vertical {
  margin-top: 3em;
  height: calc(100% - 3em) !important; }

.slider-wrap {
  position: relative;
  overflow: hidden;
  max-height: 100%;
  z-index: 1; }

.slider-wrap.vertical.tabs > .slider {
  width: 75%;
  float: right; }

.slider-wrap.vertical.tabs > .slider-nav.row {
  width: 25%;
  float: left;
  display: flex;
  flex-direction: column; }

.slider-wrap.vertical.tabs.right > .slider {
  float: left; }

.slider-wrap.vertical.tabs.right > .slider-nav.row {
  float: right; }

.slider-wrap.vertical.tabs > .slider-nav a {
  display: block;
  box-sizing: border-box;
  padding: 1.5em 0.5em; }

.overlay .slider-wrap {
  top: 0px;
  bottom: 0px;
  height: 100%;
  right: 0px;
  left: 0px;
  width: 100%;
  z-index: 1;
  position: absolute; }

.aspect > .slider-wrap {
  height: 100%;
  position: absolute; }

.aspect > .slider-wrap.outside {
  padding-bottom: 4em; }

.aspect > .slider-wrap .slider {
  height: 100%; }

*:-webkit-full-screen .slider-wrap {
  background: #000; }

*:-moz-full-screen .slider-wrap {
  background: #000; }

*:fullscreen .slider-wrap {
  background: #000; }

.slider-wrap .slider {
  overflow: visible;
  width: 100%;
  padding: 0; }

/*
.slider-wrap .slider > * {
	
	contain: strict;
	
}

.slider-wrap .slider > .active {
	
	contain: none;
	
}
*/
.overlay .slider-wrap.vertical, .overlay .slider, .overlay .slider > * {
  height: 100%; }

.overlay .slider:not(.vertical) > * {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.slider-wrap .slider.vertical {
  overflow: hidden;
  overflow-y: scroll; }

.slider-wrap .slider.vertical {
  overflow: visible;
  flex-direction: column; }

.slider-wrap .slider.vertical > *, .slider-wrap .slider.sliding > *:not(.active), .slider-wrap.tabs > .slider-arrow {
  height: auto;
  display: none; }

.slider-wrap .slider::-webkit-scrollbar {
  height: auto;
  display: none; }

.slider-wrap > .pad {
  padding: 0;
  margin: 3em;
  overflow-x: hidden; }

.slider-wrap .slider > * {
  display: inline-block; }

.overlay .slider > * {
  padding: 0; }

.no-flex .slider > * + * {
  margin-left: -.3em; }

.overlay .slider.vertical > * {
  height: 100%; }

.slider > *.active, .overlay .lightbox.slider > *.active > img {
  display: inline-block; }

.overlay .slider > img {
  padding: 0 !important;
  height: auto; }

.slider-arrow {
  position: absolute;
  top: 50%;
  left: 0.75em;
  z-index: 3;
  /* Stay on top of slider-nav if they are aligned vertically */
  transform: translateY(-50%); }

.slider-arrow:before {
  content: '←'; }

.vertical > .slider-arrow:before {
  content: '↑'; }

.vertical > .slider-arrow {
  top: 1em;
  left: 48%;
  left: calc(50% - 1em);
  text-align: center;
  transform: none; }

.slider-arrow.right {
  left: auto;
  right: 0.75em; }

.slider-arrow.right:before {
  content: '→'; }

.vertical > .slider-arrow.right:before {
  content: '↓'; }

.vertical > .slider-arrow.right {
  left: 48%;
  left: calc(50% - 1em);
  right: auto;
  bottom: 1em;
  top: auto; }

.slider-arrow, .slider-nav a {
  cursor: pointer;
  padding: .6em;
  width: 1em;
  height: 1em;
  -webkit-border-radius: 50px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
  transition: background-color .2s linear;
  line-height: 1em;
  box-sizing: content-box; }

.slider-arrow, .slider-nav {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none; }

.slider-nav {
  text-align: center;
  position: absolute;
  bottom: 0;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  box-sizing: content-box; }

.top .slider-nav {
  bottom: auto;
  top: 0; }

.slider-nav {
  text-align: start;
  justify-content: flex-start; }

.slider-wrap.tabs > .slider-nav a {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto; }

.vertical > .slider-nav {
  width: auto;
  display: flex;
  flex-direction: column;
  bottom: auto;
  left: .5em;
  padding: 1em 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1; }

.right.vertical > .slider-nav {
  right: .5em;
  left: auto; }

.slider-nav a {
  display: inline-block;
  margin: .5em;
  line-height: 2em;
  padding: 0;
  width: 2em;
  height: 2em;
  text-align: center; }

.slider-wrap:not(.vertical) .slider-nav a:first-child {
  margin-left: 0; }

.slider-nav a:last-child {
  margin-right: 0; }

.thumbnails .slider-nav a {
  line-height: 4em;
  width: 4em;
  height: 4em;
  background-size: cover;
  border-radius: 0; }

.thumbnails.outside .slider-nav {
  position: static;
  transform: none; }

.slider-wrap.thumbnails.outside:not(.inline) {
  padding-bottom: 4em; }

.slider-wrap .slider.vertical > .active, .vertical > .slider-nav a {
  display: block;
  overflow: visible; }

.slider-nav a.active {
  background-color: rgba(0, 0, 0, 0.2);
  color: inherit; }

.slider-wrap.tabs > .slider-nav {
  right: auto;
  position: static;
  transform: none; }

.slider-wrap.tabs > .slider-nav.row {
  padding: 0;
  margin: 0;
  width: auto; }

.full-window .slider-wrap.tabs > .slider-nav {
  position: absolute;
  bottom: 0;
  padding: 0; }

.slider-wrap.tabs > .slider-nav a {
  text-indent: 0;
  width: auto;
  height: auto;
  display: table-cell;
  text-align: start;
  border-radius: 0;
  line-height: 1.5;
  padding: 0 .5em;
  -webkit-flex: 1;
  flex: 1;
  margin: 0;
  white-space: normal; }

/* CSS-only parallax scrolling. html.parallax with body children .parallax-back and .parallax-front. Thanks http://keithclark.co.uk/articles/pure-css-parallax-websites/ */
html.parallax, html.parallax body {
  margin: 0;
  padding: 0;
  height: 100%; }

.parallax-back {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1; }

html.parallax .fixed-bg {
  transform: none; }

.parallax .fixed-bg {
  background-attachment: fixed;
  background-size: cover;
  position: static; }

.parallax .fixed-bg .fixed-bg-image {
  display: none; }

@supports (perspective: 1px) {
  /* CSS Parallax is SUPPORTED */
  html.parallax body {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    perspective: 300px;
    perspective-origin: 100% 100%; }

  .parallax-front {
    transform-style: preserve-3d;
    transform: translateZ(0);
    /* Safari H/W acceleration */ }

  .parallax-back {
    transform: translateZ(-150px) scale(1.5);
    transform-origin: 100% 100%; } }
/* natUIve – Lightbox */
/*
$color: #fff;
$bg: #1E8DaC;
*/
:root {
  /*
  // Crashes Chrome 49 Beta, FF 44 bug can't calc properly
  	--line-height: 2;
  	--line-height-em: calc(var(--line-height)*1em);
  */
  /*
  	--color: #fff;
  	--bg: #1E8DaC;
  */
  --color: #333;
  --bg: #fff; }

.slider-wrap > .slider.vertical.lightbox > * {
  height: 100%; }

.slider.lightbox > * {
  text-align: center;
  position: relative; }

.slider.lightbox.inline > * {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.overlay .slider.lightbox > * {
  height: 100%;
  overflow: hidden; }

.overlay .slider.lightbox.vertical > * {
  display: none; }

.overlay .slider.lightbox.vertical > .active {
  display: block; }

.slider.lightbox video {
  display: inline-block;
  width: 100%;
  max-height: 100%;
  vertical-align: middle; }

.slider.lightbox > *:before {
  display: none; }

.overlay .slider.lightbox > *:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  position: static;
  width: 0; }

.slider.lightbox > * p {
  /* Image captions */
  position: absolute;
  bottom: 48px;
  text-align: center;
  color: #fff;
  left: 50%;
  transform: translateX(-50%);
  padding: .2em .5em;
  background: rgba(0, 0, 0, 0.4); }

.slider-wrap.outside .slider.lightbox > * p {
  bottom: 0; }

.overlay .lightbox.slider > * > img {
  display: none; }

.lightbox.slider > * > iframe {
  width: 100%;
  height: 100%;
  background: #fff; }

.can-touch .lightbox.slider > * > iframe {
  pointer-events: none; }

.overlay .lightbox.slider > .active > img.zoom {
  width: auto;
  height: auto;
  max-height: none;
  max-width: none;
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 50%;
  right: 50%;
  transform: translate3d(-50%, -50%, 0) scale(2);
  zoom: 0.5;
  transition: transfrom .2s linear; }

.overlay .lightbox.slider > .active > img.zoom {
  /*
  	top: 0;
  	bottom: auto;
  	left: 0;
  	right: auto;
  */
  zoom: 0;
  transform: translate3d(var(--x), var(--y), 0); }

/*
	@-moz-document url-prefix() {
	
		.overlay .lightbox.slider > .active > img.zoom {
	
			transform: translate3d(-50%, -50%, 0);
			
		}
	
	}
*/
.lightbox.slider > .active:not(.loaded):after {
  content: '';
  position: absolute;
  display: block;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  width: 40px;
  height: 40px;
  background-color: #999;
  border-radius: 100%;
  animation: sk-scaleout 1.0s infinite ease-in-out; }

@keyframes sk-scaleout {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1);
    opacity: 0; } }
.lightbox a {
  display: inline-block;
  vertical-align: middle;
  margin: 0.75em 0.375em;
  position: relative; }

.lightbox a img {
  display: block;
  padding-bottom: 0 !important; }

@supports (--a: 1) {
  .lightbox a.video:before {
    content: '▸';
    border: 1px solid #999;
    position: absolute;
    min-width: 1.5em;
    text-align: center;
    font-size: 2em;
    line-height: 1em;
    background: rgba(255, 255, 255, 0.8);
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    left: 50%; } }
.lightbox.slider a.button.copy {
  position: absolute;
  top: 0.75em;
  right: 0.75em;
  margin: 0; }

.lightbox.slider a.button.copy:before {
  content: 'Link'; }

/* natUIve – Modal */
/*
$color: #fff;
$bg: #1E8DaC;
*/
:root {
  /*
  // Crashes Chrome 49 Beta, FF 44 bug can't calc properly
  	--line-height: 2;
  	--line-height-em: calc(var(--line-height)*1em);
  */
  /*
  	--color: #fff;
  	--bg: #1E8DaC;
  */
  --color: #333;
  --bg: #fff; }

.overlay {
  z-index: 999999;
  background: #fff;
  background: rgba(255, 255, 255, 0.97);
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-top: none;
  -webkit-overflow-scrolling: touch;
  padding-top: 0; }

.overlay > .content {
  overflow-y: scroll;
  position: relative;
  background: transparent;
  height: 100%;
  height: calc(100% - 3em);
  padding-top: 3em; }

.overlay.limited > .content, .overlay.limited > .content {
  background: #666;
  color: #eee;
  padding: 0;
  height: 50vh;
  margin-top: 25vh;
  width: 50vw;
  margin-left: 25vw; }

.overlay .close {
  color: #fff;
  cursor: pointer;
  padding: 0 .6em;
  font-weight: bold;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  z-index: 99999;
  top: 0;
  overflow: hidden; }

/* On touch, disable fixed-position "close" bar, because it's jumpy */
/* 	.no-touch */
.overlay .close {
  position: fixed; }

/* 	.no-touch */
.overlay {
  overflow-y: scroll; }

/* 	.no-touch */
.overlay.headless {
  padding-top: 0; }

/* 	.no-touch */
.overlay > .content {
  height: 100%;
  overflow: auto; }

.overlay > * {
  background: #fff;
  position: relative; }

.overlay-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  cursor: crosshair;
  background: transparent; }

@media screen and (max-width: 599.9px) {
  .overlay.limited > .content {
    height: 60vh;
    margin-top: 20vh;
    width: 80vw;
    margin-left: 10vw; } }

/*# sourceMappingURL=natuive-extra.css.map */
