@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap);
/**
 * vars: variables
 * ---
 */
/**
 * Colours
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * Responsive, breakpoints
 */
@media (min-width: 600px) {
.mobile-only {
    display: none !important;
}
}
@media (max-width: 600px) {
.desktop-only {
    display: none !important;
}
}
.d-main-image {
  position: absolute;
  width: 100vw;
  overflow: hidden;
  height: 100vh;
  left: 0;
  top: 0;
  background: #100;
  transform: translateZ(-2px) scale(2.02);
}
.d-main-image > .main-bg, .d-main-image > .main-bg-new {
    position: absolute;
    min-width: 100vw;
    min-height: 100vh;
    max-width: none;
    transform: translateZ(-2px) scale(2.02);
    height: 100vh;
}
@media (max-width: 600px) {
.d-main-image > .main-bg, .d-main-image > .main-bg-new {
        min-height: 100vh;
        max-width: none;
}
}
.d-main-image .main-bg-new {
    display: none;
}

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  transform: translate(-50%, -50%);
}
.spinner-frame {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-animation: spin var(--spinner-speed, 24s) linear infinite;
            animation: spin var(--spinner-speed, 24s) linear infinite;
    box-sizing: border-box;
    overflow: hidden;
}
.spinner-proper {
    position: absolute;
    top: 34%;
    left: 50%;
    bottom: 33%;
    right: 0;
    box-sizing: border-box;
    overflow: hidden;
}
.spinner-inner {
    position: absolute;
    top: -100%;
    left: -100%;
    bottom: -100%;
    right: 0;
    box-sizing: border-box;
    border-style: solid;
    border-width: var(--w-border, 2px);
    border-color: var(--c-loader, var(--c-border, rgba(100, 255, 255, 0.6)));
    /* border-top-width: 0px; */
    border-radius: 100%;
    /* box-shadow: 0 0 2px rgba(100,255,255,1), inset 0 0 2px rgba(100,255,255,1); */
}
@-webkit-keyframes spin {
0% {
    transform: rotate(23deg);
}
100% {
    transform: rotate(388deg);
}
}
@keyframes spin {
0% {
    transform: rotate(23deg);
}
100% {
    transform: rotate(388deg);
}
}

.d-loading {
  position: relative;
  isolation: isolate;
}

.k-browser-content {
  /* border: 1px solid rgba(100, 200, 255, 0.2); */
  border-radius: 6px;
}
.k-browser-content > .page > .current > .header {
    font-size: var(--s-2lg);
    margin-bottom: var(--s-base);
}
.k-browser-content > .page > .current > .spacer {
    height: var(--s-3xl);
}
.k-browser-content > .page > .current > .content {
    padding: var(--s-sm);
    text-align: justify;
}
.k-browser-content > .page > .current .children > .title {
    font-size: var(--s-2lg);
    margin-top: var(--s-lg);
    margin-bottom: var(--s-sm);
}
.k-browser-content > .page > .title {
    font-size: var(--s-2lg);
    margin-top: var(--s-lg);
    margin-bottom: var(--s-sm);
}
.k-browser-content > .page .item {
    position: relative;
    margin: 10px;
    background: #111;
    border-radius: 8px;
    box-shadow: 0 2px 3px black;
    min-height: 6em;
    padding: var(--s-base);
    transition: 400ms background;
    cursor: pointer;
}
.k-browser-content > .page .item > .inner {
      transition: 250ms opacity;
      opacity: 0.5;
      position: relative;
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
}
.k-browser-content > .page .item > .inner .thumb {
        border-radius: 4px;
        overflow: hidden;
}
.k-browser-content > .page .item > .inner .body {
        flex: 1;
        text-align: left;
        padding: var(--s-base);
}
.k-browser-content > .page .item.media-item > .inner {
      align-items: flex-start;
      max-height: 6em;
      overflow: hidden;
      display: block;
      transition: 400ms opacity, 250ms max-height;
}
.k-browser-content > .page .item.media-item > .inner .thumb {
        float: left;
        margin-right: var(--s-base);
        margin-bottom: var(--s-base);
}
.k-browser-content > .page .item.media-item > .inner > .body {
        padding-top: 0;
}
.k-browser-content > .page .item.media-item > .inner > .body > .content {
          color: #aaa;
}
.k-browser-content > .page .item.media-item:hover > .inner {
      max-height: 15em;
}
.k-browser-content > .page .item:hover {
      background: #222;
}
.k-browser-content > .page .item:hover > .inner {
        opacity: 1;
}
.k-browser-content > .page .item.flat {
      background: transparent;
      border: 0 none;
      box-shadow: none;
}
.k-browser-content > .page .item.flat:hover {
        background: rgba(255, 255, 255, 0.05);
}
.k-browser-content > .page .item.current {
      background: rgba(255, 255, 255, 0.1);
}
.k-browser-content > .page .item:hover {
      box-shadow: 0 2px 3px black;
}
.k-browser-content > .page .title.more {
    margin-top: var(--s-xl);
}

/**
 * vars: variables
 * ---
 */
/**
 * Colours
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * Responsive, breakpoints
 */
@media (min-width: 600px) {
.mobile-only {
    display: none !important;
}
}
@media (max-width: 600px) {
.desktop-only {
    display: none !important;
}
}
.k-main {
  transform: translateZ(0);
  z-index: 2;
}
@media (max-width: 600px) {
.k-main {
      margin-bottom: 0;
}
}




/**
 * vars: variables
 * ---
 */
/**
 * Colours
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * Responsive, breakpoints
 */
.comment {
  margin-bottom: 35px;
}
.comment-author, .comment-content {
    margin-left: 70px;
}
.comment-author {
    font-weight: bold;
    margin-bottom: 10px;
}
.comment-form-wrap {
    margin-top: 50px;
    margin-bottom: 50px;
}
.comment-form-wrap h3 {
      margin-bottom: 30px;
      border-bottom: 1px solid #ebebeb;
      padding-bottom: 22px;
}
.comment-form-wrap .btn {
      margin-top: 15px;
}
.comment-form-wrap textarea {
      min-height: 140px;
}
.comment-form-wrap label {
      margin-bottom: 0;
      font-weight: normal;
}
.comment-form-wrap input, .comment-form-wrap input.form-control {
      font-size: 2rem;
      border: none;
      border-radius: 0;
      border-bottom: 2px solid #aaa;
      background: transparent;
      box-shadow: none !important;
      color: white;
      background: transparent;
      height: unset;
      padding: 8px;
}
.comment-form-wrap input:focus, .comment-form-wrap input.form-control:focus {
        color: white;
        background: transparent;
        border-bottom-color: deepskyblue;
}
.comment-form-wrap textarea {
      border-radius: 0;
      box-shadow: none !important;
      border: 1px solid lightgrey;
}
.comment .gravatar {
    float: left;
    margin-top: 5px;
}

/**
 * vars: variables
 * ---
 */
/**
 * Colours
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * Responsive, breakpoints
 */
.down-arrow {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform-origin: 50% 50%;
  transform: translateX(-50%);
  height: 50px;
  width: 50px;
  z-index: 12;
  opacity: 0.5;
}
.down-arrow:hover {
    opacity: 1;
}
.down-arrow .arrow {
    opacity: 0;
    position: absolute;
    left: 20%;
    top: 55%;
    transform-origin: 50% 50%;
    transform: translate3d(-50%, -50%, 0);
}
.down-arrow .arrow-1 {
    -webkit-animation: arrow-movement 3s ease-in-out infinite;
            animation: arrow-movement 3s ease-in-out infinite;
}
.down-arrow .arrow-2 {
    -webkit-animation: arrow-movement 3s 0.75s ease-in-out infinite;
            animation: arrow-movement 3s 0.75s ease-in-out infinite;
}
.down-arrow .arrow-3 {
    -webkit-animation: arrow-movement 3s 1.5s ease-in-out infinite;
            animation: arrow-movement 3s 1.5s ease-in-out infinite;
}
.down-arrow .arrow-4 {
    -webkit-animation: arrow-movement 3s 2.25s ease-in-out infinite;
            animation: arrow-movement 3s 2.25s ease-in-out infinite;
}
.down-arrow .arrow:before,
  .down-arrow .arrow:after {
    background: #fff;
    content: '';
    display: block;
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
}
@media (max-width: 600px), (max-height: 600px) {
.down-arrow .arrow:before,
      .down-arrow .arrow:after {
        width: 20px;
}
}
.down-arrow .arrow:before {
    transform: rotate(45deg) translateX(-21%);
    transform-origin: top left;
    border-top-left-radius: 1.5px;
    border-bottom-left-radius: 1.5px;
}
@media (max-width: 600px), (max-height: 600px) {
.down-arrow .arrow:before {
        transform: rotate(45deg) translateX(-17%);
}
}
.down-arrow .arrow:after {
    transform: rotate(-45deg) translateX(21%);
    transform-origin: top right;
    border-top-right-radius: 1.5px;
    border-bottom-right-radius: 1.5px;
}
@media (max-width: 600px), (max-height: 600px) {
.down-arrow .arrow:after {
        transform: rotate(-45deg) translateX(17%);
}
}
@-webkit-keyframes arrow-movement {
0% {
    opacity: 0;
    top: 0;
}
70% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
@keyframes arrow-movement {
0% {
    opacity: 0;
    top: 0;
}
70% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.page.about .down-arrow, .page.contact .down-arrow {
  display: none;
}

.w-slider {
  --h-slider-track: var(--s-xs);
  --pad-slider-thumb: var(--s-sm);
  display: block;
  position: relative;
  height: var(--h-widget, var(--s-lg));
  padding: var(--pad-slider, var(--s-base));
  box-sizing: content-box;
  opacity: var(--opa-slider, 0.5);
  cursor: none;
}
.w-slider.xs2 {
    --s-font: var(--s-2xs);
    --h-widget: var(--s-2xs);
}
.w-slider.xs {
    --s-font: var(--s-2xs);
    --h-widget: var(--s-2xs);
}
.w-slider.sm {
    --s-font: var(--s-xs);
    --h-widget: var(--s-xs);
}
.w-slider.q3 {
    --s-font: var(--s-sm);
    --h-widget: var(--s-sm);
}
.w-slider.base {
    --s-font: var(--s-3q);
    --h-widget: var(--s-3q);
}
.w-slider.lg {
    --s-font: var(--s-base);
    --h-widget: var(--s-base);
}
.w-slider.lg2 {
    --s-font: var(--s-lg);
    --h-widget: var(--s-lg);
}
.w-slider.xl {
    --s-font: var(--s-2lg);
    --h-widget: var(--s-2lg);
}
.w-slider.xl2 {
    --s-font: var(--s-xl);
    --h-widget: var(--s-xl);
}
.w-slider.3xl {
    --s-font: var(--s-2xl);
    --h-widget: var(--s-2xl);
}
.w-slider.huge {
    --s-font: var(--s-3xl);
    --h-widget: var(--s-3xl);
}
.w-slider .content {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}
.w-slider .track, .w-slider .bar, .w-slider .thumb {
    position: absolute;
    border-radius: var(--h-widget, var(--s-lg));
    transition-property: height, width, opacity;
    transition-duration: 400ms;
}
.w-slider .track {
    background: var(--bg-slider-track, var(--bg-translucent, rgba(255, 255, 255, 0.15)));
    top: 50%;
    height: var(--h-slider-track);
    transform: translateY(-50%);
    width: 100%;
}
.w-slider .bar {
    height: 100%;
    background: var(--bg-slider-bar, var(--c-fg-, white));
}
.w-slider .bar .inner {
      transition-property: height, width, opacity;
      transition-duration: 400ms;
}
.w-slider .thumb {
    background: var(--bg-slider-thumb-outline, rgba(255, 255, 255, 0.15));
    border-radius: 100%;
    height: calc( var(--h-slider-track) + 2 * var(--pad-slider-thumb));
    width: calc( var(--h-slider-track) + 2 * var(--pad-slider-thumb));
    padding: var(--pad-slider-thumb);
    top: 50%;
    transform: translate(-50%, -50%);
    transition-duration: 100ms;
    pointer-events: none;
    opacity: 0;
}
.w-slider .thumb .inner {
      background: var(--bg-slider-thumb, var(--c-fg));
      height: var(--h-slider-track);
      width: var(--h-slider-track);
      border-radius: 100%;
      pointer-events: none;
      box-shadow: var(--glow-active);
}
.w-slider:hover, .w-slider.hover, .w-slider:focus, .w-slider.focus, .w-slider:active, .w-slider.active {
    opacity: var(--opa-slider-active, 0.85);
}
.w-slider:hover .track, .w-slider:hover .bar, .w-slider:hover .thumb, .w-slider.hover .track, .w-slider.hover .bar, .w-slider.hover .thumb, .w-slider:focus .track, .w-slider:focus .bar, .w-slider:focus .thumb, .w-slider.focus .track, .w-slider.focus .bar, .w-slider.focus .thumb, .w-slider:active .track, .w-slider:active .bar, .w-slider:active .thumb, .w-slider.active .track, .w-slider.active .bar, .w-slider.active .thumb {
      --h-slider-track: var(--h-widget);
      transition-duration: 100ms;
}
.w-slider:hover .thumb, .w-slider.hover .thumb, .w-slider:focus .thumb, .w-slider.focus .thumb, .w-slider:active .thumb, .w-slider.active .thumb {
      opacity: 1;
}

.w-seek-minimal .bar {
  transition-duration: 50ms;
  box-shadow: var(--glow-hover);
}

.w-btn-icon {
  color: var(--c-fg-btn-icon, var(--c-fg));
}
.w-btn-icon .material-design-icon {
    display: block;
    line-height: 1em;
}
.w-btn-icon.xs2 .dashicons, .w-btn-icon.xs2 .material-design-icon {
    font-size: var(--s-2xs);
}
.w-btn-icon.xs2 .dashicons, .w-btn-icon.xs2 .dashicons svg, .w-btn-icon.xs2 .material-design-icon, .w-btn-icon.xs2 .material-design-icon svg {
      width: var(--s-2xs);
      height: var(--s-2xs);
}
.w-btn-icon.xs .dashicons, .w-btn-icon.xs .material-design-icon {
    font-size: var(--s-xs);
}
.w-btn-icon.xs .dashicons, .w-btn-icon.xs .dashicons svg, .w-btn-icon.xs .material-design-icon, .w-btn-icon.xs .material-design-icon svg {
      width: var(--s-xs);
      height: var(--s-xs);
}
.w-btn-icon.sm .dashicons, .w-btn-icon.sm .material-design-icon {
    font-size: var(--s-sm);
}
.w-btn-icon.sm .dashicons, .w-btn-icon.sm .dashicons svg, .w-btn-icon.sm .material-design-icon, .w-btn-icon.sm .material-design-icon svg {
      width: var(--s-sm);
      height: var(--s-sm);
}
.w-btn-icon.q3 .dashicons, .w-btn-icon.q3 .material-design-icon {
    font-size: var(--s-3q);
}
.w-btn-icon.q3 .dashicons, .w-btn-icon.q3 .dashicons svg, .w-btn-icon.q3 .material-design-icon, .w-btn-icon.q3 .material-design-icon svg {
      width: var(--s-3q);
      height: var(--s-3q);
}
.w-btn-icon.base .dashicons, .w-btn-icon.base .material-design-icon {
    font-size: var(--s-base);
}
.w-btn-icon.base .dashicons, .w-btn-icon.base .dashicons svg, .w-btn-icon.base .material-design-icon, .w-btn-icon.base .material-design-icon svg {
      width: var(--s-base);
      height: var(--s-base);
}
.w-btn-icon.lg .dashicons, .w-btn-icon.lg .material-design-icon {
    font-size: var(--s-lg);
}
.w-btn-icon.lg .dashicons, .w-btn-icon.lg .dashicons svg, .w-btn-icon.lg .material-design-icon, .w-btn-icon.lg .material-design-icon svg {
      width: var(--s-lg);
      height: var(--s-lg);
}
.w-btn-icon.lg2 .dashicons, .w-btn-icon.lg2 .material-design-icon {
    font-size: var(--s-2lg);
}
.w-btn-icon.lg2 .dashicons, .w-btn-icon.lg2 .dashicons svg, .w-btn-icon.lg2 .material-design-icon, .w-btn-icon.lg2 .material-design-icon svg {
      width: var(--s-2lg);
      height: var(--s-2lg);
}
.w-btn-icon.xl .dashicons, .w-btn-icon.xl .material-design-icon {
    font-size: var(--s-xl);
}
.w-btn-icon.xl .dashicons, .w-btn-icon.xl .dashicons svg, .w-btn-icon.xl .material-design-icon, .w-btn-icon.xl .material-design-icon svg {
      width: var(--s-xl);
      height: var(--s-xl);
}
.w-btn-icon.xl2 .dashicons, .w-btn-icon.xl2 .material-design-icon {
    font-size: var(--s-2xl);
}
.w-btn-icon.xl2 .dashicons, .w-btn-icon.xl2 .dashicons svg, .w-btn-icon.xl2 .material-design-icon, .w-btn-icon.xl2 .material-design-icon svg {
      width: var(--s-2xl);
      height: var(--s-2xl);
}
.w-btn-icon.3xl .dashicons, .w-btn-icon.3xl .material-design-icon {
    font-size: var(--s-3xl);
}
.w-btn-icon.3xl .dashicons, .w-btn-icon.3xl .dashicons svg, .w-btn-icon.3xl .material-design-icon, .w-btn-icon.3xl .material-design-icon svg {
      width: var(--s-3xl);
      height: var(--s-3xl);
}
.w-btn-icon.huge .dashicons, .w-btn-icon.huge .material-design-icon {
    font-size: var(--s-huge);
}
.w-btn-icon.huge .dashicons, .w-btn-icon.huge .dashicons svg, .w-btn-icon.huge .material-design-icon, .w-btn-icon.huge .material-design-icon svg {
      width: var(--s-huge);
      height: var(--s-huge);
}
.w-btn-icon:hover, .w-btn-icon:active, .w-btn-icon:focus, .w-btn-icon.focus {
    color: var(--c-fg-btn-icon-focus, var(--c-fg));
}
.w-btn-icon:hover.disabled, .w-btn-icon:active.disabled, .w-btn-icon:focus.disabled, .w-btn-icon.focus.disabled {
      color: unset;
}




.w-btn-volume {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  max-width: 50%;
}
.w-btn-volume .volume {
    margin-left: 2em;
    transition: width 250ms, opacity 250ms;
    width: 0;
    opacity: 0;
    flex: 1;
}
.w-btn-volume .volume.open {
      width: 8em;
      opacity: 1;
}

.w-ctrl-video {
  --pad-slider: var(--s-sm);
  position: absolute;
  bottom: var(--spacer-base);
  right: var(--spacer-base);
}
.w-ctrl-video .buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.w-ctrl-video .buttons .spacer {
      flex: 1;
}

/**
 * vars: variables
 * ---
 */
/**
 * Colours
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * Responsive, breakpoints
 */
@media (min-width: 600px) {
.mobile-only {
    display: none !important;
}
}
@media (max-width: 600px) {
.desktop-only {
    display: none !important;
}
}
.k-video-player.fullscreen {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  background: black;
}
.k-video-player > .video-player {
  position: relative;
  width: 100%;
  height: 100%;
}
.k-video-player .video-js {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  padding: 0;
}
.k-video-player .vjs-tech {
  position: relative;
  width: 100%;
  /* height: 90%; */
  /* top: 50%; */
  /* left: 50%; */
  min-width: 100%;
  min-height: 90%;
  /* transform: translate(-50%,0); */
  -o-object-fit: contain;
     object-fit: contain;
}
.k-video-player .video-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.k-video-player > .w-ctrl-video {
  position: absolute;
  bottom: var(--s-base);
  left: var(--s-base);
  width: var(--w-ctrl-video, calc( 100% - 2 * var(--s-base)));
  max-width: var(--w-max-ctrl-video, 100%);
  transition-property: width,height,opacity;
  transition-duration: 400ms;
  opacity: 0.1;
}
.k-video-player > .w-ctrl-video .w-btn:hover {
    background: transparent;
}
@media (min-width: 600px) {
.k-video-player > .w-ctrl-video .buttons {
      margin-right: var(--s-xl);
}
}
.k-video-player:hover > .w-ctrl-video {
  opacity: 1;
}

.w-ctrl-viewer {
  --pad-slider: var(--s-sm);
  position: absolute;
  bottom: var(--spacer-base);
  right: var(--spacer-base);
}
.w-ctrl-viewer .buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.k-video-viewer.fullscreen {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  background: black;
}
.k-video-viewer > .video-player {
  position: relative;
  width: 100%;
  height: 100%;
}
.k-video-viewer .video-js {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  padding: 0;
}
.k-video-viewer .vjs-tech {
  position: relative;
  width: 100%;
  /* height: 90%; */
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 90%;
  transform: translate(-50%, -50%);
  /* transform: translate(-50%,0); */
  -o-object-fit: cover;
     object-fit: cover;
}
.k-video-viewer .video-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* box-shadow: inset 0 0 20px 10px black,  */
  /*             inset 0 0 80px 40px rgba(0,0,0,0.5), */
  /*             inset 0 0 480px 180px black; */
}
.k-video-viewer > .w-ctrl-viewer {
  position: absolute;
  bottom: var(--s-4xl);
  right: var(--s-sm);
  width: var(--w-ctrl-viewer, 20em);
  max-width: var(--w-max-ctrl-viewer, 100%);
  transition-property: width,height,opacity;
  transition-duration: 400ms;
  opacity: 0.1;
}
.k-video-viewer:hover > .w-ctrl-viewer {
  opacity: 1;
}


/**
 * vars: variables
 * ---
 */
/**
 * Colours
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * Responsive, breakpoints
 */
@media (min-width: 600px) {
.mobile-only {
    display: none !important;
}
}
@media (max-width: 600px) {
.desktop-only {
    display: none !important;
}
}
.k-hero {
  position: relative;
  height: 30vh;
}
@media (max-width: 600px) {
.k-hero {
      height: 40vh;
}
}
@media (min-width: 600px) {
.k-hero.fullscreen {
      height: 100vh;
}
}




/**
 * vars: variables
 * ---
 */
/**
 * Colours
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * Responsive, breakpoints
 */
section.filmstrip .VueCarousel {
  background: rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid white;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.content-list, .filmstrip {
  margin-top: 40px;
  margin-bottom: 40px;
  min-height: 100px;
  max-width: none;
}
.content-list > .title, .filmstrip > .title {
    text-transform: capitalize;
    padding: 2px;
    border-bottom: 1px solid rgba(155, 100, 100, 0.2);
}
.content-list .card.item, .filmstrip .card.item {
    width: 16em;
    margin: 2px;
    border: 0 none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    background: #024;
}
.content-list .card.item.hidden, .filmstrip .card.item.hidden {
      display: flex !important;
      opacity: 0.5;
}
.content-list .card.item.current, .filmstrip .card.item.current {
      background: #444;
      color: white;
}
.content-list .card.item .card-img-top, .filmstrip .card.item .card-img-top {
      margin: 0;
      height: 10em;
      -o-object-fit: cover;
         object-fit: cover;
}
.content-list .card.item .card-title, .filmstrip .card.item .card-title {
      font-weight: bold;
      font-variant: small-caps;
      height: 3em;
      overflow-y: hidden;
}
.content-list .card.item .card-body, .filmstrip .card.item .card-body {
      padding: 8px;
}
.content-list .card.item .card-text, .filmstrip .card.item .card-text {
      height: 9em;
      overflow-y: auto;
      padding: 0 2px;
}
.content-list .card.item .watching, .filmstrip .card.item .watching {
      font-weight: bold;
      color: orange;
}


.page.home .k-browser-content {
  position: relative;
}

.w-btn {
  --fs-input: var(--s-xl);
  background: transparent;
  border: var(--bw-btn, 0) var(--bs-btn, none) var(--bc-btn, transparent);
  border-radius: var(--br-btn, 2px);
  font-size: var(--fs-btn, var(--fs-input, var(--s-lg)));
  transition: all 250ms;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.w-btn:hover {
    background: rgba(255, 255, 255, 0.2);
}
.w-btn:active, .w-btn.active {
    transition: 0s;
    background: white;
    box-shadow: 0 0 8px white;
}
.w-btn.disabled {
    opacity: 0.5;
}
.w-btn.disabled:active, .w-btn.disabled.active {
      transition: 0s;
      background: red;
      box-shadow: 0 0 8px red;
}
.w-btn > span {
    line-height: 1.4em;
}

.page-not-found {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.page-not-found main {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.page-not-found main h1.title {
      position: absolute;
      bottom: 0;
      left: 0;
}


.login .k-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
}



/**
 * vars: variables
 * ---
 */
/**
 * Colours
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * Responsive, breakpoints
 */
.content-section.episodes > .title {
  text-transform: uppercase;
}
.content-section.episodes .card {
  margin-bottom: 20px;
  background: rgba(255, 255, 255, 0.1);
}
.content-section.episodes .card .sharedaddy {
    display: none !important;
}
.content-section.episodes .card h5 {
    font-size: 110%;
    font-weight: bold;
    text-transform: capitalize;
}
.content-section .media-insert.private {
  background: #fffaf8;
}
.content-section .media-insert.hidden {
  display: flex !important;
  opacity: 0.5;
}
.content-section .media .media-aside {
  position: relative;
  margin-right: 10px;
}
@media (max-width: 600px) {
.content-section .media .media-aside img {
      width: 96px;
      height: 72px;
}
}
.content-section .media .media-aside .info {
    position: absolute;
    bottom: 1px;
    padding: 1px 4px 0;
}
.content-section .media .media-aside .info.length {
      border-top-left-radius: 4px;
      background: rgba(0, 0, 0, 0.5);
      color: white;
      font-size: 90%;
      font-weight: bold;
      right: 1px;
}
.content-section .media .media-body > .episode-num {
  text-transform: uppercase;
}
.content-section .media .media-body > .info {
  color: #aaa;
  margin: 0 0 10px;
}
.content-section .media .media-body > .info .admin {
    font-size: smaller;
    font-weight: bold;
    text-transform: uppercase;
}
.content-section .media .media-body > .info .dashicons {
    margin-right: 1px;
    font-size: 18px;
}
.content-section .media .media-body > .info .count {
    vertical-align: center;
    font-size: 13px;
}
.content-section .media .media-body > .info > * {
    margin-right: 1em;
}
.content-section .media .media-body > .info .views.active {
    color: deepskyblue;
}
.content-section .media .media-body > .info .likes.active {
    color: green;
}
.content-section .media .media-body > .info .dislikes.active {
    color: red;
}
.content-section .media .media-body > .info .favs.active {
    color: orange;
}
.content-section .media .media-body > .info .comments.active {
    color: purple;
}
.content-section .media .btn.watch {
  float: right;
}










.release h1.title {
  margin-top: 0;
  font-size: var(--s-xl);
}









.k-item .selector {
  margin-right: var(--s-sm);
  opacity: 0;
}
.k-item .selector.selected {
    opacity: 1;
}
.k-item .selector {
  margin-right: var(--s-sm);
  opacity: 0;
}
.k-item .selector.selected {
    opacity: 1;
}
.k-item:hover .selector, .k-item.hover .selector, .k-item:focus .selector, .k-item.focus .selector {
  opacity: 1;
}
.k-item.selected {
  background: rgba(0, 0, 0, 0.03);
}

.k-pager {
  display: flex;
  align-items: flex-start;
}
.k-pager .pages {
    display: flex;
    align-items: center;
}
.k-pager .w-btn {
    padding: var(--s-xs) var(--s-sm);
}
.k-pager .w-btn:hover {
      background: var(--c-btn-hover, rgba(0, 0, 0, 0.1));
}
.k-pager .w-btn:hover.disabled {
        background: unset;
}

.k-object-base > .header {
  text-align: left;
  display: flex;
  padding-right: var(--s-xl);
}
.k-object-base > .header > .title {
    flex: 1;
    margin: 0;
    margin-right: var(--s-sm);
}
.k-object-base > .header .d-loading {
    position: absolute;
    top: 0;
    right: var(--s-sm);
    width: auto;
    height: auto;
    /* --c-loader: rgba(0,0,0,0.72); */
    --c-loader: rgba(128,128,128,0.72);
    isolation: isolate;
    /* .spinner-inner { */
    /*   background: rgba(128,128,128,0.2); */
    /*   --w-border: 0; */
    /* } */
}
.k-object-base > .header .d-loading .spinner-frame {
      mix-blend-mode: difference;
}
.k-object-base.inline {
  margin-right: var(--s-base);
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-right: 0 !important;
}
.k-object-base.inline > .header {
    margin-right: var(--pad-section, var(--s-base));
}
.k-object-base.inline > .body {
    position: relative;
}
.k-object-base.inline > .body > .inner {
      padding-right: var(--pad-section, var(--s-base));
}
.k-object-base.inline .inner {
    max-height: 100%;
}

.admin-dashboard section > .header > .title {
  font-size: var(--s-lg);
}
.admin-dashboard section > .body > .item.denied {
  padding: var(--s-3q) var(--s-lg);
  --c-fg: grey;
}

.admin-content section > .header > .title {
  font-size: var(--s-lg);
}
.admin-content section > .body > .item.denied {
  padding: var(--s-3q) var(--s-lg);
  --c-fg: grey;
}
.admin-content .main-content {
  overflow: hidden;
}

.k-admin-release .label {
  display: flex;
  align-items: center;
  font-size: var(--s-base);
}
.k-admin-release .label .label {
    flex: 1;
    font-size: var(--s-base);
}
.k-admin-release .k-video-player {
  --c-fg: white;
  position: relative;
}
.k-admin-release .k-video-player .video-js {
    position: relative;
}
.k-admin-release .content > .key {
  text-align: right;
}

.admin-program {
  --pad-item-info: 0;
  --pad-item-info-active: var(--s-xs) 0;
}
.admin-program section > .body > .item {
    margin-bottom: var(--s-3q);
}
.admin-program section > .body > .item > .title {
      background: rgba(0, 0, 0, 0.03);
      font-size: var(--s-lg);
}
.admin-program section > .body > .item:hover > .info, .admin-program section > .body > .item > .title:focus + .info {
      max-height: var(--s-2xl) !important;
}



.w-switch {
  text-decoration: none !important;
  position: relative;
  margin-bottom: var(--m-input, var(--s-base));
  color: var(--c-fg);
  padding: var(--c-p-switch, var(--s-sm));
  transition: 250ms background, 250ms opacity;
  opacity: 0.8;
  border-radius: var(--br-switch, 4px);
}
.w-switch:hover, .w-switch:focus, .w-switch.focus {
    opacity: 1;
    background: rgba(0, 0, 0, 0.1);
}
.w-switch:hover label, .w-switch:focus label, .w-switch.focus label {
      text-shadow: none;
}
.w-switch * {
    color: var(--c-fg);
    /* color: #2c3e50 !important; */
    text-decoration: none !important;
}
.w-switch .input-wrapper {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
}
.w-switch .control {
    position: relative;
    width: var(--s-xl);
    height: var(--s-3q);
    margin-left: var(--s-base);
    margin-right: var(--s-sm);
}
.w-switch .track {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid var(--c-b-switch, rgba(255, 255, 255, 0.2));
    border-radius: var(--br-switch, 100em);
    box-shadow: inset 0px 1px 1px black;
    background: var(--c-bg-switch, rgba(0, 0, 0, 0.1));
    opacity: 0.5;
}
.w-switch .nob {
    position: relative;
    height: var(--s-base);
    border-radius: var(--s-base);
    width: var(--s-base);
    border: 1px solid white;
    left: 0;
    transition: 300ms;
    margin: calc( 0px - var(--s-2xs));
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    background: var(--c-fg-switch, var(--c-bg));
}
.w-switch .nob .inner {
      position: relative;
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      /* border: 1px solid white; */
      border-radius: 100%;
      /* box-shadow: inset 0px 2px 5px rgba(0,0,0,0.15); */
}
.w-switch.on {
    background: var(--c-bg-switch-on, var(--c-fg));
}
.w-switch.on label {
      --c-fg: var(--c-bg);
}
.w-switch.on .track {
      background: var(--c-bg-switch-on, var(--c-bg));
}
.w-switch.on .nob {
      left: calc( 100% - var(--s-3q));
}
.w-switch.disabled {
    opacity: 0.5;
}
.w-switch.disabled, .w-switch.disabled label, .w-switch.disabled .label {
      text-shadow: 0 1px 1px white;
      color: transparent;
      -webkit-background-clip: text;
              background-clip: text;
      background-color: rgba(0, 0, 0, 0.5);
}
.w-switch.disabled .track {
      background: var(--c-bg-switch-disabled, var(--c-bg));
}
.w-switch label, .w-switch .label {
    text-shadow: none;
    padding: 0;
    margin: 0;
}
.w-switch.required .input-wrapper > label .label::after {
    content: " *";
}


.w-input {
  position: relative;
  width: var(--w-input, 100%);
  margin-bottom: var(--m-input, 1em);
  padding-bottom: var(--p-input, 1em);
  font-size: var(--fs-input, var(--s-lg));
  opacity: 0.8;
  transition: width,height,opacity 250ms;
}
.w-input .input-wrapper {
    display: flex;
    flex-wrap: nowrap;
    border-bottom: 2px solid var(--c-input-border, rgba(255, 255, 255, 0.25));
    transition: border-bottom-color 250ms;
}
.w-input .input-wrapper > label {
      flex: 1 1 100%;
      display: block;
      position: relative;
      width: 100%;
      padding-top: 0.75em;
      margin: 0;
}
.w-input .input-wrapper > label .label {
        padding: 0;
        transition: 150ms all;
        font-size: 1em;
        position: absolute;
        top: 0.75em;
        left: 0;
        line-height: inherit;
        color: var(--c-text, black);
}
.w-input .input-wrapper input, .w-input .input-wrapper .input {
      background: transparent;
      color: var(--c-text-input, var(--c-text, white));
      border: var(--b-input, 0 none);
      border-radius: var(--br-input, 0);
      width: 100%;
      height: var(--h-input, 2rem);
}
.w-input .input-wrapper input:focus, .w-input .input-wrapper .input:focus {
        outline: 0 none !important;
}
.w-input .bar {
    transition: 250ms all;
    height: 2px;
    width: 0%;
    /* background: rgba(255,255,255,0.25); */
    background: #0078ff;
    margin-top: -2px;
}
.w-input:hover, .w-input:focus, .w-input.focus {
    opacity: 1;
}
.w-input:hover .input-wrapper, .w-input:focus .input-wrapper, .w-input.focus .input-wrapper {
      border-bottom-color: var(--c-input-border-active, rgba(255, 255, 255, 0.4));
}
.w-input.focus .input-wrapper > label .label {
    font-size: 0.65em;
    top: 0;
}
.w-input.focus .bar {
    background: #0078ff;
    width: 100%;
}
.w-input.filled .input-wrapper > label .label {
    font-size: 0.65em;
    top: 0;
}
.w-input.required .input-wrapper > label .label::after {
    content: " *";
}
.w-input .feedback {
    text-align: left;
    font-size: var(--s-3q);
    position: absolute;
    left: var(--pos-feedback-left, 0);
    right: var(--pos-feedback-right, unset);
    bottom: var(--pos-feedback-bottom, 0);
}
.w-input .feedback.warning {
      color: yellow;
}
.w-input .feedback.error {
      color: red;
}
.w-input .feedback.success {
      color: lime;
}
.w-input.warning .input-wrapper > label .label::after, .w-input.error .input-wrapper > label .label::after {
    color: yellow;
}
.w-input.warning .bar, .w-input.error .bar {
    width: 100%;
}
.w-input.warning .bar {
    background: yellow;
}
.w-input.error .input-wrapper > label .label::after {
    color: red;
}
.w-input.error .bar {
    background: red;
}
.w-input.success .input-wrapper {
    border-color: green;
}
.w-input.success .input-wrapper > label .label::after {
      color: lime;
}
.w-input.success .bar {
    background: lime;
}
.w-input.disabled {
    opacity: 0.5;
}
.w-input.disabled, .w-input.disabled label, .w-input.disabled .label {
      text-shadow: 0 1px 1px white;
      color: transparent;
      -webkit-background-clip: text;
              background-clip: text;
      background-color: rgba(0, 0, 0, 0.5);
}

.w-select .input-wrapper .input {
  height: auto;
  min-height: var(--h-input, 2rem);
}
.w-select .multiselect__tags {
  background: transparent;
  border: 0 none;
}
.w-select .multiselect__tag, .w-select .multiselect__tag * {
  background: var(--c-fg);
  color: var(--c-bg);
}
.w-select .multiselect.inline .multiselect__content-wrapper {
  position: relative;
  max-height: unset !important;
  border: 0 none;
  border-radius: 0;
}
.w-select .multiselect__option .title {
  font-size: 110%;
}
.w-select .multiselect__option .description {
  font-size: 90%;
  line-height: 1.25rem;
  color: grey;
}
.w-select .multiselect__option--highlight .description {
  color: rgba(255, 255, 255, 0.75);
}
.w-select .multiselect__option--highlight::after {
  content: unset;
}
.w-select.disabled {
  opacity: 0.5;
}
.w-select.disabled, .w-select.disabled label, .w-select.disabled .label {
    text-shadow: 0 1px 1px white;
    color: transparent;
    -webkit-background-clip: text;
            background-clip: text;
    background-color: rgba(0, 0, 0, 0.5);
}





.f-content-restrictions {
  --m-input: var(--s-xs);
  color: var(--c-fg);
  /* > .w-switch { */
  /*   margin-bottom:  */
  /* } */
}
.f-content-restrictions > label, .f-content-restrictions > .extra > label {
    font-size: 0.8125em;
}
.f-content-restrictions .label {
    font-size: unset;
}









.w-text {
  position: relative;
  width: var(--w-input, 100%);
  margin-bottom: var(--m-input, 1em);
  padding-bottom: var(--p-input, 1em);
  font-size: var(--fs-input, var(--s-lg));
  opacity: 0.8;
  transition: width,height,opacity 250ms;
}
.w-text .input-wrapper {
    display: flex;
    flex-wrap: nowrap;
    border-bottom: 2px solid var(--c-input-border, rgba(255, 255, 255, 0.25));
    transition: border-bottom-color 250ms;
}
.w-text .input-wrapper > label {
      flex: 1 1 100%;
      display: block;
      position: relative;
      width: 100%;
      padding-top: 0.75em;
      margin: 0;
}
.w-text .input-wrapper > label .label {
        padding: 0;
        transition: 150ms all;
        font-size: 1em;
        position: absolute;
        top: 0.75em;
        left: 0;
        line-height: inherit;
        color: var(--c-text, black);
}
.w-text .input-wrapper .textarea {
      background: transparent;
      color: var(--c-text-input, var(--c-text, white));
      border: var(--b-input, 0 none);
      border-radius: var(--br-input, 0);
      width: 100%;
      border: 0 none !important;
      outline: 0 none !important;
}
.w-text .input-wrapper .textarea:focus {
        border: 0 none !important;
        outline: 0 none !important;
}
.w-text .input-wrapper .textarea > .ProseMirror {
        min-height: var(--h-textarea, 8rem);
        text-align: left;
}
.w-text .input-wrapper .textarea > .ProseMirror :first-child {
          margin-top: 0;
}
.w-text .input-wrapper .textarea > .ProseMirror :last-child {
          margin-bottom: 0;
}
.w-text .bar {
    transition: 250ms all;
    height: 2px;
    width: 0%;
    /* background: rgba(255,255,255,0.25); */
    background: #0078ff;
    margin-top: -2px;
}
.w-text:hover, .w-text:focus, .w-text.focus {
    opacity: 1;
}
.w-text:hover .input-wrapper, .w-text:focus .input-wrapper, .w-text.focus .input-wrapper {
      border-bottom-color: var(--c-input-border-active, rgba(255, 255, 255, 0.4));
}
.w-text.focus .input-wrapper > label .label {
    font-size: 0.65em;
    top: 0;
}
.w-text.focus .bar {
    background: #0078ff;
    width: 100%;
}
.w-text.filled .input-wrapper > label .label {
    font-size: 0.65em;
    top: 0;
}
.w-text.required .input-wrapper > label .label::after {
    content: " *";
}
.w-text .feedback {
    text-align: left;
    font-size: var(--s-3q);
    position: absolute;
    left: var(--pos-feedback-left, 0);
    right: var(--pos-feedback-right, unset);
    bottom: var(--pos-feedback-bottom, 0);
}
.w-text .feedback.warning {
      color: yellow;
}
.w-text .feedback.error {
      color: red;
}
.w-text .feedback.success {
      color: lime;
}
.w-text.warning .input-wrapper > label .label::after, .w-text.error .input-wrapper > label .label::after {
    color: yellow;
}
.w-text.warning .bar, .w-text.error .bar {
    width: 100%;
}
.w-text.warning .bar {
    background: yellow;
}
.w-text.error .input-wrapper > label .label::after {
    color: red;
}
.w-text.error .bar {
    background: red;
}
.w-text.success .input-wrapper {
    border-color: green;
}
.w-text.success .input-wrapper > label .label::after {
      color: lime;
}
.w-text.success .bar {
    background: lime;
}

.f-text {
  display: relative;
}
.f-text.full-width {
    width: 100%;
}
.f-text.full-width .w-text {
      width: 100%;
}



.admin-settings section > .header > .title {
  font-size: var(--s-lg);
}
.admin-settings section > .body > .item.denied {
  padding: var(--s-3q) var(--s-lg);
  --c-fg: grey;
}



.k-form {
  position: relative;
}
.k-form .d-loading {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background: var(--bg-loader-form, transparent);
    border-radius: var(--br-loader-form, var(--br-loader, 4px));
}
.k-form .form-body {
    transition: 400ms;
}
.k-form.loading .form-body {
    transition: 1500ms;
    opacity: 0.2;
}

.admin-edit-media .k-video-player .video-js {
  position: relative;
}
.admin-edit-media section {
  text-align: left;
}

.page.admin .bottom-spacer {
  display: none;
  height: 0;
}
.page.admin main {
  padding: 0 var(--s-lg) var(--s-lg);
}
.page.admin main h1.title {
    font-size: var(--s-xl);
    margin-top: 0;
    margin-bottom: var(--s-base);
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.page.admin .d-loading {
  height: 100%;
  --c-border: white;
}

.w-search {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-x: hidden;
  min-width: 1.5em;
}
.w-search > .search-box {
    height: unset;
    margin-right: -3em;
    padding: 4px 4px 4px 30px;
    border-radius: 0;
    /* border-top-left-radius: 100px; */
    /* border-bottom-left-radius: 100px; */
    width: 86px;
    opacity: 0;
    -webkit-animation: close-search-input 1s ease;
            animation: close-search-input 1s ease;
    background: transparent;
    color: white;
    border: 0 none;
}
.w-search > .search-box:focus {
      box-shadow: none;
}
.w-search > .icon {
    position: absolute;
    top: 0px;
    left: 10px;
    padding: 3px;
    vertical-align: middle;
    color: white;
    text-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);
    -webkit-animation: close-search-icon 1s ease;
            animation: close-search-icon 1s ease;
    text-decoration: none !important;
    z-index: 20;
}
.w-search > .icon .dashicons {
      font-size: 26px;
      height: 30px;
      width: 30px;
      text-decoration: none !important;
}
.w-search.open > .search-box {
    -webkit-animation: open-search-input 0.3s ease;
            animation: open-search-input 0.3s ease;
    width: 20em;
    opacity: 1;
    border-bottom: 2px solid white;
    margin: 0;
}
.w-search.open > .icon {
    left: -6px;
}

.w-btn-icon.w-btn-user .sign-in {
  font-size: var(--s-base);
}

/**
 * vars: variables
 * ---
 */
/**
 * Colours
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * Responsive, breakpoints
 */
@media (min-width: 600px) {
.mobile-only {
    display: none !important;
}
}
@media (max-width: 600px) {
.desktop-only {
    display: none !important;
}
}
.k-site-header {
  transition: top,background, 600ms;
  height: var(--h-header, 3rem);
  position: absolute;
  top: 0;
  width: 100%;
  background: var(--c-bg, black);
  z-index: 10;
  /* .scrolled-down & { */
  /* } */
}
.k-site-header .header-content {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.scrolled-down .k-site-header {
    top: calc( -1 * var(--h-header));
}
.scroll-at-top .k-site-header {
    background: transparent;
}
.k-site-header .site-title {
    margin: 0;
    color: white !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    padding: 0;
    font-size: 2.5rem;
    display: block;
    width: 100%;
    opacity: 0.85;
    transition: 400ms all;
    flex: 1 1 0%;
}
@media (max-width: 600px) {
.k-site-header .site-title {
        font-size: 2rem;
}
}
.k-site-header .site-title:hover, .k-site-header .site-title:focus {
      opacity: 1;
      text-shadow: 0 0 2px cyan, 0 0 4px cyan, 0 0 16px cyan;
      transition: 250ms all;
}
.k-site-header .site-title a {
      display: block;
      padding: 4px 10px 0;
      color: white !important;
      white-space: nowrap;
}
.k-site-header .site-title a:hover, .k-site-header .site-title a:focus {
      text-decoration: none;
}
.k-site-header .site-title a:active {
      transition: 50ms all;
      text-shadow: 0 0 2px white, 0 0 4px white, 0 0 16px cyan;
}
.k-site-header .site-menu, .k-site-header .actions {
    display: flex;
    flex-direction: row;
    flex: 1 1 100%;
    align-items: center;
    position: relative;
    display: flex;
    height: 100%;
    overflow: hidden;
}
.k-site-header .site-menu a, .k-site-header .site-menu a:link, .k-site-header .site-menu a:hover, .k-site-header .site-menu a:visited, .k-site-header .actions a, .k-site-header .actions a:link, .k-site-header .actions a:hover, .k-site-header .actions a:visited {
      color: white;
      text-shadow: 0 0 2px black;
      white-space: nowrap;
}
.k-site-header .site-menu > a, .k-site-header .site-menu > a:link, .k-site-header .site-menu > a:hover, .k-site-header .site-menu > a:visited, .k-site-header .actions > a, .k-site-header .actions > a:link, .k-site-header .actions > a:hover, .k-site-header .actions > a:visited {
      transition: 400ms all;
      text-decoration: none !important;
      text-shadow: 0 0 2px black;
      color: white;
      padding: 5px 0.5em;
      border-radius: 2px;
      margin-left: 4px;
}
.k-site-header .site-menu > a.router-link-active, .k-site-header .site-menu > a:link.router-link-active, .k-site-header .site-menu > a:hover.router-link-active, .k-site-header .site-menu > a:visited.router-link-active, .k-site-header .actions > a.router-link-active, .k-site-header .actions > a:link.router-link-active, .k-site-header .actions > a:hover.router-link-active, .k-site-header .actions > a:visited.router-link-active {
        background: rgba(0, 0, 0, 0.8);
}
.k-site-header .site-menu > a svg, .k-site-header .site-menu > a:link svg, .k-site-header .site-menu > a:hover svg, .k-site-header .site-menu > a:visited svg, .k-site-header .actions > a svg, .k-site-header .actions > a:link svg, .k-site-header .actions > a:hover svg, .k-site-header .actions > a:visited svg {
        transition: 400ms all;
        filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.25));
}
.k-site-header .site-menu > a.w-btn-user, .k-site-header .site-menu > a:link.w-btn-user, .k-site-header .site-menu > a:hover.w-btn-user, .k-site-header .site-menu > a:visited.w-btn-user, .k-site-header .actions > a.w-btn-user, .k-site-header .actions > a:link.w-btn-user, .k-site-header .actions > a:hover.w-btn-user, .k-site-header .actions > a:visited.w-btn-user {
        margin-left: 0;
}
.k-site-header .site-menu a:hover, .k-site-header .site-menu a:focus, .k-site-header .actions a:hover, .k-site-header .actions a:focus {
      transition: 250ms all;
      text-shadow: 0 0 2px cyan, 0 0 4px cyan, 0 0 16px cyan;
}
.k-site-header .site-menu a:hover.w-btn-icon, .k-site-header .site-menu a:focus.w-btn-icon, .k-site-header .actions a:hover.w-btn-icon, .k-site-header .actions a:focus.w-btn-icon {
        background: transparent;
}
.k-site-header .site-menu a:hover svg, .k-site-header .site-menu a:focus svg, .k-site-header .actions a:hover svg, .k-site-header .actions a:focus svg {
        filter: drop-shadow(0 0 1px cyan) drop-shadow(0 0 2px cyan) drop-shadow(0 0 8px cyan);
}
.k-site-header .site-menu a:active, .k-site-header .actions a:active {
      transition: 50ms all;
      text-shadow: 0 0 2px white, 0 0 4px white, 0 0 16px cyan;
      filter: drop-shadow(0 0 1px white) drop-shadow(0 0 2px white) drop-shadow(0 0 8px cyan);
}
.k-site-header a.member-cta {
    white-space: nowrap;
    padding: var(--s-xs) var(--s-base);
    background: #eb1;
    border-radius: 100px;
    font-size: larger;
    color: black;
    text-shadow: none;
}
.page > .k-site-header a.member-cta {
      position: absolute;
      bottom: 180px;
      right: 10px;
      z-index: 25;
}
.k-site-header a.member-cta:hover {
      color: #444;
      background: #ffd927;
      box-shadow: 0 0 8px #ffee88;
}
.k-site-header .site-menu {
    flex-wrap: wrap;
    flex-basis: 40%;
}
.k-site-header .actions {
    flex-wrap: nowrap;
    flex-basis: 40%;
    justify-content: flex-end;
    margin-left: var(--s-sm);
    padding-right: 20px;
}
.k-site-header .spacer {
    flex: 1;
}


/**
 * vars: variables
 * ---
 */
/**
 * Colours
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * Responsive, breakpoints
 */
@media (min-width: 600px) {
.mobile-only {
    display: none !important;
}
}
@media (max-width: 600px) {
.desktop-only {
    display: none !important;
}
}
.k-nav-main {
  z-index: 10;
  position: fixed;
  bottom: 0;
  width: 100%;
  margin: 0 !important;
}
.k-nav-main nav.main {
    position: absolute;
    height: var(--h-nav-main);
    width: 100%;
    transition: all 400ms;
    bottom: calc( -1 * var(--h-nav-main));
}
.k-nav-main nav.main .menu-toggle {
      position: absolute;
      right: var(--s-base);
      top: calc( -1 * var(--s-3xl));
      z-index: 2;
}
.k-nav-main nav.main .bg {
      background: url(../img/bg-fancy-6.e4cb2eca.png) top center repeat-x;
      position: absolute;
      bottom: 0;
      height: calc( var(--h-nav-main) + var(--s-xl));
      width: 300vw;
      pointer-events: none;
}
.k-nav-main nav.main .menu {
      display: inline-block;
}
.k-nav-main nav.main .menu .inner {
        /* transition: all 150ms ease-in-out; */
        position: relative;
        display: flex;
}
.k-nav-main nav.main .menu .menu-item {
        flex: 0 0 var(--h-nav-main);
        height: var(--h-nav-main);
        width: var(--h-nav-main);
        box-sizing: border-box;
        padding: var(--s-sm);
}
.k-nav-main nav.main .menu .menu-item img {
          width: 100%;
          position: relative;
          transition: all 250ms cubic-bezier(0.2, 3, 0.8, 1);
          top: 0;
}
.k-nav-main nav.main .menu .menu-item:hover img {
          box-shadow: 0 0px 3px rgba(255, 160, 0, 0.75);
          box-shadow: 0 150px 70px rgba(255, 160, 0, 0.75);
          border-bottom: 1px solid rgba(255, 180, 80, 0.85);
          border-radius: 8px;
          top: -20px;
}
.k-nav-main .tray {
    position: absolute;
    height: 100vh;
    width: 100vw;
    transition: top 800ms, opacity 400ms;
    top: 0;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
}
.k-nav-main .tray.open {
      top: -100vh;
      opacity: 1;
      transition: top 250ms, opacity 500ms;
}
.k-nav-main.open nav.main {
    bottom: 0;
}

/**
 * vars: variables
 * ---
 */
/**
 * Colours
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * Responsive, breakpoints
 */
@media (min-width: 600px) {
.mobile-only {
    display: none !important;
}
}
@media (max-width: 600px) {
.desktop-only {
    display: none !important;
}
}
.wp-footer {
  position: absolute;
  display: flex;
  justify-content: center;
  bottom: 0;
  width: 100%;
  /* background: #012; */
  background: #000b18;
  text-align: center;
  padding: 5em 1em 1em;
  min-height: 15em;
  color: white;
}
@media (max-width: 600px) {
.wp-footer {
      padding: 1em;
      min-height: 4em;
}
}

.overlay {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: var(--overlay-background, rgba(0, 0, 0, 0.5));
}

.modal {
  background: var(--bg-modal, var(--bg-dark, black));
  position: fixed;
  display: block;
  top: 50%;
  left: 50%;
  right: unset;
  bottom: unset;
  height: var(--h-modal, 50%);
  width: var(--w-modal, 50%);
  min-height: var(--h-min-modal, 250px);
  min-width: var(--w-min-modal, 400px);
  transform: translate(-50%, -50%);
  z-index: 11;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}
.modal.fullscreen {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: none;
}
.modal.bg {
    background: black;
    background: radial-gradient(ellipse at bottom right, #001c54 0%, black 100%);
}
.modal.centered {
    display: flex;
    justify-content: center;
    align-items: center;
}

.w-btn-icon.w-btn-close {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  height: var(--s-close-button, var(--s-2xl));
  width: var(--s-close-button, var(--s-2xl));
  padding: var(--pad-close-button, var(--s-base));
  color: var(--c-close-button, var(--c-button, white));
  border: 0 none;
  background: transparent;
  opacity: 0.5;
  box-sizing: content-box;
  transition: 400ms all;
  z-index: 10;
  text-shadow: 0 0 2px var(--c-btn-shadow);
}
.w-btn-icon.w-btn-close svg {
    transition: 400ms all;
    filter: drop-shadow(0 0 1px var(--c-btn-shadow));
}
.w-btn-icon.w-btn-close:hover, .w-btn-icon.w-btn-close:focus {
    transition: all 150ms;
    opacity: 1;
    outline: 0 none !important;
    color: white;
    text-shadow: var(--glow-hover);
}
.w-btn-icon.w-btn-close:hover svg, .w-btn-icon.w-btn-close:focus svg {
      filter: var(--glow-svg-hover);
}
.w-btn-icon.w-btn-close:active {
    text-shadow: var(--glow-active);
    box-shadow: none;
}
.w-btn-icon.w-btn-close:active svg {
      filter: var(--glow-svg-active);
}
.w-btn-icon.w-btn-close .icon {
    height: 1em;
    width: 1em;
    font-size: var(--s-close-button, var(--s-2xl));
}

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 10;
  box-sizing: border-box;
  padding: 0;
  /* transform: translateX(0); */
  /* opacity: 1; */
  /* transition: all 400ms ease-in-out; */
}
.sidebar .sidebar-container {
    position: relative;
    height: 100vh;
    background: var(--c-bg);
    padding: var(--s-lg) 0;
}
.sidebar.left {
    left: 0;
}
.sidebar.left .w-btn-close {
      right: calc( var(--s-xl) * -1 + var(--pad-close-button) - 4px);
}
.sidebar.left .sidebar-container {
      right: var(--s-xl);
      box-shadow: 0 0px 128px -32px var(--c-glow), 4px 0 14px -8px #8df;
      padding-left: var(--s-xl);
}
.sidebar.right {
    right: 0;
}
.sidebar.right .w-btn-close {
      left: calc( var(--s-xl) * -1 + var(--pad-close-button) - 4px);
      right: unset;
}
.sidebar.right .sidebar-container {
      left: var(--s-xl);
      box-shadow: 0 0px 128px -32px var(--c-glow), -4px 0 14px -8px #8df;
      padding-right: var(--s-xl);
}

/**
 * vars: variables
 * ---
 */
/**
 * Colours
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * Responsive, breakpoints
 */
@media (min-width: 600px) {
.mobile-only {
    display: none !important;
}
}
@media (max-width: 600px) {
.desktop-only {
    display: none !important;
}
}
.l-default {
  --c-text: #def;
  /*TODO: fix*/
}
.l-default .page {
    position: relative;
    z-index: 2;
}
.l-default .page > .main {
      position: relative;
}
.l-default .page > .bottom-spacer {
      height: 15em;
}
@media (max-width: 600px) {
.l-default .page > .bottom-spacer {
          height: 2em;
}
}

.k-header {
  margin-bottom: var(--mb-header, var(--s-base));
}
.k-header.xs2 {
    font-size: var(--s-2xs);
}
.k-header.xs {
    font-size: var(--s-xs);
}
.k-header.sm {
    font-size: var(--s-sm);
}
.k-header.q3 {
    font-size: var(--s-3q);
}
.k-header.base {
    font-size: var(--s-base);
}
.k-header.lg {
    font-size: var(--s-lg);
}
.k-header.lg2 {
    font-size: var(--s-2lg);
}
.k-header.xl {
    font-size: var(--s-xl);
}
.k-header.xl2 {
    font-size: var(--s-2xl);
}
.k-header.xl3 {
    font-size: var(--s-3xl);
}
.k-header.huge {
    font-size: var(--s-huge);
}
.k-header > .k-header {
    margin-bottom: 0;
}


.w-menu-item {
  display: block;
  width: 100%;
  color: var(--c-fg);
  padding: var(--pad-menu-item, var(--s-3q) var(--s-lg));
  transition: all 400ms;
  text-align: var(--align-menu-item, left);
}
.w-menu-item:link, .w-menu-item:visited {
    color: var(--c-fg);
    text-decoration: none !important;
}
.w-menu-item:hover, .w-menu-item:focus {
    transition: all 150ms;
    color: white;
    outline: 0 none !important;
    text-shadow: 0 0 2px cyan, 0 0 4px cyan, 0 0 16px cyan;
    background: rgba(255, 255, 255, 0.1);
}
.w-menu-item:active {
    text-shadow: 0 0 2px white, 0 0 4px white, 0 0 16px cyan;
    background: rgba(255, 255, 255, 0.3);
}

.w-menu-action {
  display: flex;
  align-items: flex-end;
}
.w-menu-action .icon, .w-menu-action .material-design-icon {
    margin-right: var(--s-sm);
}
.w-menu-action span.text {
    display: block;
    line-height: 1.2em;
}

.k-admin-menu .k-menu {
  transition: 250ms margin, 250ms border;
}
.main-menu.open .k-admin-menu .k-menu, .main-menu:hover .k-admin-menu .k-menu {
  margin-top: var(--s-sm);
  margin-bottom: var(--s-sm);
  margin-left: var(--s-sm);
  border-left: 2px solid rgba(0, 0, 0, 0.1);
}

/**
 * vars: variables
 * ---
 */
/**
 * Colours
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * Responsive, breakpoints
 */
@media (min-width: 600px) {
.mobile-only {
    display: none !important;
}
}
@media (max-width: 600px) {
.desktop-only {
    display: none !important;
}
}
.l-admin {
  --c-bg: var(--c-bg-admin);
  --c-fg: var(--c-fg-admin);
  --c-bg-page: var(--c-bg);
  --bg-modal: var(--c-bg);
  --w-modal: 65%;
  --h-modal: 65%;
  --br-btn: 6px;
  --c-text: var(--c-fg-admin);
  background: var(--c-bg);
  color: var(--c-fg);
}
.l-admin .left-menu {
    display: flex;
    align-items: stretch;
    margin-top: var(--s-4xl);
}
.l-admin .left-menu .main-menu {
      --pad-menu-item: var(--s-3q);
      --c-bg: white;
      position: relative;
      transition: width 400ms;
      width: var(--s-3xl);
      background: var(--c-bg);
      border-top-right-radius: 8px;
      /* box-shadow: 0 0 10px rgba(0,0,0,0.1); */
      /* height: 100%; */
      z-index: 2;
}
.l-admin .left-menu .main-menu.open, .l-admin .left-menu .main-menu:hover {
        width: 16em;
}
.l-admin .left-menu .main-menu > .toggle {
        position: absolute;
        top: var(--s-sm);
        right: calc( -1 * var(--s-base));
        z-index: 2;
        box-sizing: content-box;
        padding: var(--s-sm);
        background: rgba(255, 255, 255, 0.01);
}
.l-admin .left-menu .main-menu > .toggle .icon {
          border-radius: 200px;
          background: white;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.l-admin .left-menu .main-menu > .container {
        overflow: hidden;
        margin: 0;
        padding: 0;
}
.l-admin .left-menu .main-menu > .container > .scroll > .inner > .content {
          width: 16em;
}
.l-admin .left-menu .main-menu > .container > .scroll > .inner > .content .application-cog-icon {
            position: absolute;
            padding: var(--s-sm);
            font-size: var(--s-lg);
            top: 0;
            left: 0;
}
.l-admin .left-menu .main-menu > .container > .scroll > .inner > .content .application-cog-icon svg {
              width: var(--s-xl);
              height: var(--s-xl);
}
.l-admin .left-menu .main-menu .k-header {
        margin-top: var(--s-3q);
}
.l-admin .left-menu .main-menu .w-menu-item .icon, .l-admin .left-menu .main-menu .w-menu-item .material-design-icon {
        margin-right: var(--s-3q);
}
.l-admin .left-menu .main-menu .w-menu-item:hover, .l-admin .left-menu .main-menu .w-menu-item:active {
        background: var(--c-fg);
}
.l-admin .left-menu .main-menu .w-menu-item.current {
        background: var(--c-bg-admin);
        color: var(--c-bg);
}
.l-admin .left-menu .main {
      flex: 1;
      /* padding-left: var(--s-3xl); */
}
.l-admin .left-menu .main.fixed > .k-page {
        overflow: hidden;
}
.l-admin .left-menu .main.fixed > .k-page > main {
          display: flex;
          flex-direction: column;
          height: 100%;
          padding-bottom: 0;
          padding-right: 0;
}
.l-admin .left-menu .main.fixed > .k-page > main .main-content {
            flex: 1;
}
.l-admin .left-menu .main.fixed > .k-page > main .main-content > .inner {
              padding-right: var(--s-lg);
              padding-bottom: var(--s-lg);
}
.l-admin .left-menu.menu-open .main-menu {
      position: relative;
      height: unset;
}
.l-admin .left-menu.menu-open .main {
      padding-left: 0;
}
.l-admin .page {
    --fs-btn: var(--s-base);
    position: relative;
    height: calc( 100vh - var(--s-4xl));
}
.l-admin .page > .main {
      position: relative;
}
.l-admin .page > .bottom-spacer {
      height: 15em;
}
@media (max-width: 600px) {
.l-admin .page > .bottom-spacer {
          height: 2em;
}
}
.l-admin .page .actions {
      display: flex;
      justify-content: flex-end;
}
.l-admin .page .actions > * {
        margin-left: var(--s-sm);
}
.l-admin .page .actions > .w-btn {
        padding: var(--s-sm) var(--s-3q);
        background: rgba(0, 0, 0, 0.05);
}
.l-admin .page .actions > .w-btn.icon {
          background: transparent;
}
.l-admin .page .actions > .w-btn .icon {
          margin-right: var(--s-xs);
}
.l-admin .page .actions > .w-btn-icon .icon {
          margin-right: 0;
}
.l-admin .page .actions.footer-actions {
        margin: var(--m-footer-actions, var(--s-sm));
}
.l-admin .page section {
      --c-bg: #fdfeff;
      --c-loader: var(--c-fg);
      --c-input-border: rgba(0,0,0,0.1);
      --c-input-border-active: rgba(0,0,0,0.25);
      position: relative;
      background: var(--c-bg);
      color: var(--c-fg);
      margin-bottom: var(--s-lg);
      border: 1px solid white;
      /* box-shadow: 0 2px 8px rgba(0,0,0,0.1); */
      padding: var(--pad-section, var(--s-base));
      border-radius: var(--br-section, 8px);
      max-width: unset;
}
.l-admin .page section:last-child {
        margin-bottom: 0;
}
.l-admin .page section > * {
        color: var(--c-fg);
}
.l-admin .page section > .header {
        position: relative;
        margin-bottom: var(--s-sm);
}
.l-admin .page section > .header > .title {
          font-size: var(--s-lg);
          /* margin-bottom: var(--s-base); */
}
.l-admin .page section .k-item.body > .title, .l-admin .page section .k-item > .body > .title {
        display: flex;
        align-items: center;
        padding: var(--s-3q) var(--s-lg);
        border-radius: var(--br-section-title, var(--br-section, 4px));
        /* font-size: var(--s-lg); */
        transition: all 250ms;
}
.l-admin .page section .k-item.body > .title > .label, .l-admin .page section .k-item > .body > .title > .label {
          flex: 1;
          text-align: left;
          line-height: 1.3em;
          padding: 0;
}
.l-admin .page section .k-item.body > .title > .text, .l-admin .page section .k-item > .body > .title > .text {
          flex: 1;
          text-align: left;
          line-height: 1.7em;
          padding: 0;
}
.l-admin .page section .k-item.body > .title .info, .l-admin .page section .k-item > .body > .title .info {
          display: flex;
}
.l-admin .page section .k-item.body > .title .info .tag, .l-admin .page section .k-item > .body > .title .info .tag {
            display: block;
            padding: 2px var(--s-3q);
            margin: 0 0 0 var(--s-xs);
            text-align: center;
            font-size: var(--s-3q);
            background: rgba(0, 0, 0, 0.1);
            box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.08);
            border-radius: 4px;
}
.l-admin .page section .k-item.body > .title .info .tag.length, .l-admin .page section .k-item > .body > .title .info .tag.length {
              min-width: 5em;
              padding: 2px;
              color: var(--c-bg);
              background-color: var(--c-fg);
}
.l-admin .page section .k-item.body > .title .w-btn-icon:first-child, .l-admin .page section .k-item > .body > .title .w-btn-icon:first-child {
          margin-left: calc( -1 * var(--s-sm));
}
.l-admin .page section .k-item.body > .info, .l-admin .page section .k-item > .body > .info {
        position: relative;
        transition: 250ms all;
        opacity: 0;
        height: auto;
        max-height: 0;
        padding: var(--pad-item-info, 0 var(--s-xl));
        display: flex;
        flex: 1;
        align-items: center;
        --glow-hover: none;
        --glow-active: none;
        --glow-white: none;
        --glow-svg-hover: none;
        --glow-svg-active: none;
        --glow-svg-white: none;
}
.l-admin .page section .k-item.body > .info .attribute, .l-admin .page section .k-item > .body > .info .attribute {
          color: var(--c-fg);
          line-height: 1.5em;
          padding-right: var(--s-xs);
}
.l-admin .page section .k-item.body > .info .attribute .icon, .l-admin .page section .k-item > .body > .info .attribute .icon {
            font-size: var(--s-lg);
}
.l-admin .page section .k-item.body > .info .attribute:hover, .l-admin .page section .k-item.body > .info .attribute:focus, .l-admin .page section .k-item > .body > .info .attribute:hover, .l-admin .page section .k-item > .body > .info .attribute:focus {
            background: rgba(0, 0, 0, 0.08);
            /* color: var(--c-fg); */
            text-shadow: none;
}
.l-admin .page section .k-item.body > .info .actions, .l-admin .page section .k-item > .body > .info .actions {
          margin-top: 0;
          /* flex: 1; */
          align-items: center;
}
.l-admin .page section .k-item.body > .info .actions .w-btn-icon, .l-admin .page section .k-item > .body > .info .actions .w-btn-icon {
            padding: var(--s-xs);
            border-radius: 4px;
}
.l-admin .page section .k-item.body > .info .actions .w-btn-icon:hover, .l-admin .page section .k-item.body > .info .actions .w-btn-icon:focus, .l-admin .page section .k-item > .body > .info .actions .w-btn-icon:hover, .l-admin .page section .k-item > .body > .info .actions .w-btn-icon:focus {
              background: var(--c-fg);
              color: var(--c-bg);
}
.l-admin .page section .k-item.body > .info .actions .w-btn-icon:hover *, .l-admin .page section .k-item.body > .info .actions .w-btn-icon:focus *, .l-admin .page section .k-item > .body > .info .actions .w-btn-icon:hover *, .l-admin .page section .k-item > .body > .info .actions .w-btn-icon:focus * {
                color: var(--c-bg);
}
.l-admin .page section .k-item.body.denied, .l-admin .page section .k-item > .body.denied {
        display: flex;
        align-items: flex-end;
}
.l-admin .page section .k-item.body.denied .icon, .l-admin .page section .k-item > .body.denied .icon {
          margin-right: var(--s-sm);
}
.l-admin .page section .k-item.body.denied span.text, .l-admin .page section .k-item > .body.denied span.text {
          line-height: 1.2em;
}
.l-admin .page section .k-item.body .content, .l-admin .page section .k-item > .body .content {
        position: relative;
        display: grid;
        grid-template-columns: auto auto;
        padding: var(--s-base);
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        margin-bottom: var(--s-base);
}
.l-admin .page section .k-item.body .content .key, .l-admin .page section .k-item.body .content .value, .l-admin .page section .k-item > .body .content .key, .l-admin .page section .k-item > .body .content .value {
          padding: var(--s-xs) var(--s-sm);
}
.l-admin .page section .k-item.body .content .key, .l-admin .page section .k-item > .body .content .key {
          font-weight: bold;
}
.l-admin .page section .k-item.body > .info, .l-admin .page section .k-item > .body > .info {
        display: flex;
        /* flex: 1; */
        align-items: flex-end;
        transition: 400ms;
}
.l-admin .page section .k-item.body > .info .tag, .l-admin .page section .k-item > .body > .info .tag {
          padding: var(--s-xs) var(--s-3q);
          background: rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.08);
          border-radius: 4px;
          margin: var(--s-xs) var(--s-xs) 0 0;
          display: flex;
          align-items: flex-end;
}
.l-admin .page section .k-item.body > .info .tag .icon, .l-admin .page section .k-item > .body > .info .tag .icon {
            margin-right: var(--s-xs);
}
.l-admin .page section .k-item.body > .info .tag .icon svg, .l-admin .page section .k-item > .body > .info .tag .icon svg {
              width: var(--s-base);
              height: var(--s-base);
}
.l-admin .page section .k-item.body > .info .tag .span, .l-admin .page section .k-item > .body > .info .tag .span {
            line-height: 1.2em;
}
.l-admin .page section .k-item.body > .info .collections, .l-admin .page section .k-item > .body > .info .collections {
          position: relative;
          flex: 1;
          display: flex;
          flex-wrap: wrap;
}
.l-admin .page section .k-item.body > .info .collections .title, .l-admin .page section .k-item > .body > .info .collections .title {
            width: 100%;
            text-align: left;
}
.l-admin .page section .k-item:hover, .l-admin .page section .k-item.hover, .l-admin .page section .k-item:focus, .l-admin .page section .k-item.focus {
        border-radius: 4px;
        /* padding-bottom: var(--s-sm); */
}
.l-admin .page section .k-item:hover.body, .l-admin .page section .k-item:hover > .body, .l-admin .page section .k-item.hover.body, .l-admin .page section .k-item.hover > .body, .l-admin .page section .k-item:focus.body, .l-admin .page section .k-item:focus > .body, .l-admin .page section .k-item.focus.body, .l-admin .page section .k-item.focus > .body {
          background: rgba(0, 0, 0, 0.05);
}
.l-admin .page section .k-item:hover > .title, .l-admin .page section .k-item:hover > .body > .title, .l-admin .page section .k-item:hover > .title *, .l-admin .page section .k-item:hover > .body > .title *, .l-admin .page section .k-item.hover > .title, .l-admin .page section .k-item.hover > .body > .title, .l-admin .page section .k-item.hover > .title *, .l-admin .page section .k-item.hover > .body > .title *, .l-admin .page section .k-item:focus > .title, .l-admin .page section .k-item:focus > .body > .title, .l-admin .page section .k-item:focus > .title *, .l-admin .page section .k-item:focus > .body > .title *, .l-admin .page section .k-item.focus > .title, .l-admin .page section .k-item.focus > .body > .title, .l-admin .page section .k-item.focus > .title *, .l-admin .page section .k-item.focus > .body > .title * {
          background: var(--c-fg);
          color: var(--c-bg);
          text-shadow: none;
}
.l-admin .page section .k-item:hover > .title > .label, .l-admin .page section .k-item:hover > .title .text, .l-admin .page section .k-item:hover > .title .icon, .l-admin .page section .k-item:hover > .title .icon *, .l-admin .page section .k-item:hover > .title .tag, .l-admin .page section .k-item:hover > .body > .title > .label, .l-admin .page section .k-item:hover > .body > .title .text, .l-admin .page section .k-item:hover > .body > .title .icon, .l-admin .page section .k-item:hover > .body > .title .icon *, .l-admin .page section .k-item:hover > .body > .title .tag, .l-admin .page section .k-item:hover > .title * > .label, .l-admin .page section .k-item:hover > .title * .text, .l-admin .page section .k-item:hover > .title * .icon, .l-admin .page section .k-item:hover > .title * .icon *, .l-admin .page section .k-item:hover > .title * .tag, .l-admin .page section .k-item:hover > .body > .title * > .label, .l-admin .page section .k-item:hover > .body > .title * .text, .l-admin .page section .k-item:hover > .body > .title * .icon, .l-admin .page section .k-item:hover > .body > .title * .icon *, .l-admin .page section .k-item:hover > .body > .title * .tag, .l-admin .page section .k-item.hover > .title > .label, .l-admin .page section .k-item.hover > .title .text, .l-admin .page section .k-item.hover > .title .icon, .l-admin .page section .k-item.hover > .title .icon *, .l-admin .page section .k-item.hover > .title .tag, .l-admin .page section .k-item.hover > .body > .title > .label, .l-admin .page section .k-item.hover > .body > .title .text, .l-admin .page section .k-item.hover > .body > .title .icon, .l-admin .page section .k-item.hover > .body > .title .icon *, .l-admin .page section .k-item.hover > .body > .title .tag, .l-admin .page section .k-item.hover > .title * > .label, .l-admin .page section .k-item.hover > .title * .text, .l-admin .page section .k-item.hover > .title * .icon, .l-admin .page section .k-item.hover > .title * .icon *, .l-admin .page section .k-item.hover > .title * .tag, .l-admin .page section .k-item.hover > .body > .title * > .label, .l-admin .page section .k-item.hover > .body > .title * .text, .l-admin .page section .k-item.hover > .body > .title * .icon, .l-admin .page section .k-item.hover > .body > .title * .icon *, .l-admin .page section .k-item.hover > .body > .title * .tag, .l-admin .page section .k-item:focus > .title > .label, .l-admin .page section .k-item:focus > .title .text, .l-admin .page section .k-item:focus > .title .icon, .l-admin .page section .k-item:focus > .title .icon *, .l-admin .page section .k-item:focus > .title .tag, .l-admin .page section .k-item:focus > .body > .title > .label, .l-admin .page section .k-item:focus > .body > .title .text, .l-admin .page section .k-item:focus > .body > .title .icon, .l-admin .page section .k-item:focus > .body > .title .icon *, .l-admin .page section .k-item:focus > .body > .title .tag, .l-admin .page section .k-item:focus > .title * > .label, .l-admin .page section .k-item:focus > .title * .text, .l-admin .page section .k-item:focus > .title * .icon, .l-admin .page section .k-item:focus > .title * .icon *, .l-admin .page section .k-item:focus > .title * .tag, .l-admin .page section .k-item:focus > .body > .title * > .label, .l-admin .page section .k-item:focus > .body > .title * .text, .l-admin .page section .k-item:focus > .body > .title * .icon, .l-admin .page section .k-item:focus > .body > .title * .icon *, .l-admin .page section .k-item:focus > .body > .title * .tag, .l-admin .page section .k-item.focus > .title > .label, .l-admin .page section .k-item.focus > .title .text, .l-admin .page section .k-item.focus > .title .icon, .l-admin .page section .k-item.focus > .title .icon *, .l-admin .page section .k-item.focus > .title .tag, .l-admin .page section .k-item.focus > .body > .title > .label, .l-admin .page section .k-item.focus > .body > .title .text, .l-admin .page section .k-item.focus > .body > .title .icon, .l-admin .page section .k-item.focus > .body > .title .icon *, .l-admin .page section .k-item.focus > .body > .title .tag, .l-admin .page section .k-item.focus > .title * > .label, .l-admin .page section .k-item.focus > .title * .text, .l-admin .page section .k-item.focus > .title * .icon, .l-admin .page section .k-item.focus > .title * .icon *, .l-admin .page section .k-item.focus > .title * .tag, .l-admin .page section .k-item.focus > .body > .title * > .label, .l-admin .page section .k-item.focus > .body > .title * .text, .l-admin .page section .k-item.focus > .body > .title * .icon, .l-admin .page section .k-item.focus > .body > .title * .icon *, .l-admin .page section .k-item.focus > .body > .title * .tag {
            color: var(--c-bg);
}
.l-admin .page section .k-item:hover > .title .tag, .l-admin .page section .k-item:hover > .body > .title .tag, .l-admin .page section .k-item:hover > .title * .tag, .l-admin .page section .k-item:hover > .body > .title * .tag, .l-admin .page section .k-item.hover > .title .tag, .l-admin .page section .k-item.hover > .body > .title .tag, .l-admin .page section .k-item.hover > .title * .tag, .l-admin .page section .k-item.hover > .body > .title * .tag, .l-admin .page section .k-item:focus > .title .tag, .l-admin .page section .k-item:focus > .body > .title .tag, .l-admin .page section .k-item:focus > .title * .tag, .l-admin .page section .k-item:focus > .body > .title * .tag, .l-admin .page section .k-item.focus > .title .tag, .l-admin .page section .k-item.focus > .body > .title .tag, .l-admin .page section .k-item.focus > .title * .tag, .l-admin .page section .k-item.focus > .body > .title * .tag {
            background: rgba(255, 255, 255, 0.1);
            box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.08);
}
.l-admin .page section .k-item:hover > .info, .l-admin .page section .k-item:hover > .body > .info, .l-admin .page section .k-item.hover > .info, .l-admin .page section .k-item.hover > .body > .info, .l-admin .page section .k-item:focus > .info, .l-admin .page section .k-item:focus > .body > .info, .l-admin .page section .k-item.focus > .info, .l-admin .page section .k-item.focus > .body > .info {
          opacity: 1;
          max-height: unset;
          padding: var(--pad-item-info-active, var(--s-xs) var(--s-xl));
}
.l-admin .page section .actions {
        justify-content: flex-end;
        margin-top: var(--s-base);
}
.l-admin .page section .actions > .w-btn {
          background: rgba(0, 0, 0, 0.05);
}
.l-admin .page section .actions > .w-btn:hover, .l-admin .page section .actions > .w-btn.hover, .l-admin .page section .actions > .w-btn:focus, .l-admin .page section .actions > .w-btn.focus {
            background: var(--c-fg);
            color: var(--c-bg);
}
.l-admin .page section .actions > .w-btn:hover *, .l-admin .page section .actions > .w-btn.hover *, .l-admin .page section .actions > .w-btn:focus *, .l-admin .page section .actions > .w-btn.focus * {
              color: var(--c-bg);
}
.l-admin .page main {
      box-shadow: none;
}
.l-admin .page main > .actions > .w-btn, .l-admin .page main > .main-content > .inner > .actions > .w-btn {
        /* background: rgba(255,255,255,0.3); */
        background: transparent;
        margin: 0;
}
.l-admin .page main > .actions > .w-btn:hover, .l-admin .page main > .actions > .w-btn:focus, .l-admin .page main > .actions > .w-btn.hover, .l-admin .page main > .actions > .w-btn.focus, .l-admin .page main > .main-content > .inner > .actions > .w-btn:hover, .l-admin .page main > .main-content > .inner > .actions > .w-btn:focus, .l-admin .page main > .main-content > .inner > .actions > .w-btn.hover, .l-admin .page main > .main-content > .inner > .actions > .w-btn.focus {
          background: rgba(255, 255, 255, 0.6);
}
.l-admin .page main > .actions.header-actions, .l-admin .page main > .title > .actions.header-actions {
      position: absolute;
      top: var(--s-xs);
      right: var(--s-3q);
      margin-top: 0;
}
.l-admin .page main > .actions.header-actions > .w-btn, .l-admin .page main > .title > .actions.header-actions > .w-btn {
        padding: var(--s-sm);
        color: white;
        background: transparent;
        margin-left: 0;
}
.l-admin .page main > .actions.header-actions > .w-btn:last-child, .l-admin .page main > .title > .actions.header-actions > .w-btn:last-child {
          margin-right: var(--s-sm);
}
.l-admin .page main > .actions.header-actions > .w-btn:hover, .l-admin .page main > .actions.header-actions > .w-btn:focus, .l-admin .page main > .actions.header-actions > .w-btn.hover, .l-admin .page main > .actions.header-actions > .w-btn.focus, .l-admin .page main > .title > .actions.header-actions > .w-btn:hover, .l-admin .page main > .title > .actions.header-actions > .w-btn:focus, .l-admin .page main > .title > .actions.header-actions > .w-btn.hover, .l-admin .page main > .title > .actions.header-actions > .w-btn.focus {
          background: rgba(255, 255, 255, 0.4);
          color: var(--c-fg);
}
.l-admin .page main > .actions.header-actions > .w-btn .icon, .l-admin .page main > .title > .actions.header-actions > .w-btn .icon {
          margin: 0;
}
.l-admin .modal {
    --c-close-button: var(--c-fg);
    border-radius: 16px;
}
.l-admin .modal.fullscreen {
      border-radius: 0;
}
.l-admin .k-card {
    --c-bg: white;
}

/**
 * vars: variables
 * ---
 */
/**
 * Colours
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * Responsive, breakpoints
 */
@media (min-width: 600px) {
.mobile-only {
    display: none !important;
}
}
@media (max-width: 600px) {
.desktop-only {
    display: none !important;
}
}
.layout.l-default.l-suave {
  height: unset;
  overflow-y: unset;
  --c-text: #def;
  /*TODO: fix*/
}
.layout.l-default.l-suave .layout-header {
    position: fixed;
}
.layout.l-default.l-suave .w-go-down {
    position: fixed;
    opacity: 0;
}
.layout.l-default.l-suave .layout-main {
    position: relative;
    /* height: 100vh; */
    width: 100vw;
    /* display: flex; */
    /* flex-wrap: no-wrap; */
    /* align-items: stretch; */
    overflow: hidden;
}
.layout.l-default.l-suave .layout-main .d-main-image {
      position: fixed;
      /* transform: translateY(-50%) translateZ(-2px) scale(2.02); */
      transform: none;
}
.layout.l-default.l-suave .layout-main .main-column {
      transition: 400ms;
      position: fixed;
      /* height: 100vh; */
      z-index: 3;
      /* flex: 2 2 66%; */
      max-width: 1024px;
      width: 66%;
      height: 100vh;
      /* display: flex; */
      /* flex-direction: column; */
      /* > .bottom-spacer { */
      /*   height: 15em; */
      /*   @include for-mobile { */
      /*     height: 2em; */
      /*   } */
      /* } */
}
.layout.l-default.l-suave .layout-main .main-column > .scroll {
        height: 100%;
        /* > .inner { */
        /*   max-height: 100%; */
        /* } */
}
.layout.l-default.l-suave .layout-main .main-column > .scroll > .vb-dragger {
          /* z-index: 12; */
}
.layout.l-default.l-suave .layout-main .main-column > .scroll > .vb-dragger > .vb-dragger-styler {
            background-color: rgba(255, 255, 255, 0.1);
}
.layout.l-default.l-suave .layout-main .main-column > .scroll:hover > .vb-dragger > .vb-dragger-styler, .layout.l-default.l-suave .layout-main .main-column > .scroll:focus-within > .vb-dragger > .vb-dragger-styler, .layout.l-default.l-suave .layout-main .main-column > .scroll.vb-scrolling > .vb-dragger > .vb-dragger-styler {
          background-color: rgba(255, 255, 255, 0.25);
}
.layout.l-default.l-suave .layout-main .main-column > .main, .layout.l-default.l-suave .layout-main .main-column > main, .layout.l-default.l-suave .layout-main .main-column > .scroll > .inner > .main, .layout.l-default.l-suave .layout-main .main-column > .scroll > .inner > main {
        position: relative;
}
.layout.l-default.l-suave .layout-main .main-column > .main .vue-lorem, .layout.l-default.l-suave .layout-main .main-column > .main .vue-lorem p, .layout.l-default.l-suave .layout-main .main-column > main .vue-lorem, .layout.l-default.l-suave .layout-main .main-column > main .vue-lorem p, .layout.l-default.l-suave .layout-main .main-column > .scroll > .inner > .main .vue-lorem, .layout.l-default.l-suave .layout-main .main-column > .scroll > .inner > .main .vue-lorem p, .layout.l-default.l-suave .layout-main .main-column > .scroll > .inner > main .vue-lorem, .layout.l-default.l-suave .layout-main .main-column > .scroll > .inner > main .vue-lorem p {
          text-align: justify;
}
.layout.l-default.l-suave .layout-main .main-column > main, .layout.l-default.l-suave .layout-main .main-column > .scroll > .inner > main {
        transition: 300ms;
        /* flex: 1 */
        min-height: 40vh;
}
.layout.l-default.l-suave .layout-main .main-column .k-main > .content {
        padding: var(--s-base);
        padding-top: var(--s-xl);
        text-align: justify;
}
.layout.l-default.l-suave .layout-main .side-column {
      background: var(--c-suave-side-column, rgba(0, 0, 0, 0.85));
      transition: 400ms;
      /* position: fixed; */
      /* top: 0; */
      /* right:0; */
      /* bottom: 0; */
      /* left: 0; */
      /* flex: 1 1 33%; */
      /* overflow: hidden; */
      /* height: 100vh; */
      /* max-height: 100vh; */
}
.layout.l-default.l-suave .layout-main .side-column .k-page {
        transition: 300ms;
        padding-left: 66%;
        padding-top: 50%;
        /* left: 0; */
        background: var(--c-suave-side-column, rgba(0, 0, 0, 0.9));
        /* background: rgba(0,0,0,0.85); */
}
.layout.l-default.l-suave .layout-main .side-column .k-page .d-main-image {
          /* transform: translateY(-50%) translateZ(-2px) scale(2.02); */
          transform: none;
          position: fixed;
}
.layout.l-default.l-suave .layout-main .side-column .k-page > * {
          position: relative;
          transition: 700ms;
          opacity: 1;
          z-index: 10;
}
.layout.l-default.l-suave .layout-main .side-column .k-page .k-browser-content {
          background: rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 120px 120px rgba(0, 0, 0, 0.5);
}
.layout.l-default.l-suave .layout-main .side-column .k-page .k-browser-content > .item {
            transition: 700ms;
            background: rgba(20, 20, 20, 0.5);
}
.layout.l-default.l-suave .layout-main .side-column .k-page .k-browser-content > .item:hover, .layout.l-default.l-suave .layout-main .side-column .k-page .k-browser-content > .item:focus, .layout.l-default.l-suave .layout-main .side-column .k-page .k-browser-content > .item.focus {
              transition: 300ms;
              background: #1e1e1e;
}
.layout.l-default.l-suave .layout-main .side-column .k-page > .bottom-spacer {
          height: 1em;
}
.layout.l-default.l-suave .layout-main .k-hero {
      width: 100%;
      height: auto;
      transition: 400ms;
}
@media (min-width: 600px) {
.layout.l-default.l-suave .layout-main .k-hero.fullscreen {
          height: 75%;
          min-height: 0;
          width: 100%;
}
}
.layout.l-default.l-suave .layout-main .k-hero .k-video-viewer.fullscreen, .layout.l-default.l-suave .layout-main .k-hero .k-video-player.fullscreen {
        max-height: 100vh;
}
.layout.l-default.l-suave .layout-main .k-hero .k-video-viewer.fullscreen > .video-player, .layout.l-default.l-suave .layout-main .k-hero .k-video-player.fullscreen > .video-player {
          max-height: 100vh;
          overflow: hidden;
}
.layout.l-default.l-suave .layout-main .w-seek-minimal {
      /* .track { */
      /*   /\* border-radius: 4px; *\/ */
      /*   border-top-left-radius: 4px; */
      /*   border-bottom-right-radius: 4px; */
      /* } */
      /* .bar { */
      /*   box-shadow: 0 0 6px cyan; */
      /*   /\* border-radius: 4px; *\/ */
      /*   border-top-left-radius: 4px; */
      /*   border-bottom-right-radius: 4px; */
      /* } */
      cursor: none;
}
.layout.l-default.l-suave .layout-main .w-seek-minimal .bar, .layout.l-default.l-suave .layout-main .w-seek-minimal .track, .layout.l-default.l-suave .layout-main .w-seek-minimal .thumb, .layout.l-default.l-suave .layout-main .w-seek-minimal .thumb .inner {
        border-top-right-radius: 2px;
        border-bottom-left-radius: 2px;
        border-top-left-radius: 6px;
        border-bottom-right-radius: 6px;
}
.layout.l-default.l-suave .layout-main .w-seek-minimal .bar {
        box-shadow: 0 0 6px cyan;
        /* border-radius: 4px; */
}
.layout.l-default.l-suave .layout-main .w-seek-minimal .thumb {
        width: calc( var(--s-xs) + 2 * var(--pad-slider-thumb));
}
.layout.l-default.l-suave .layout-main .w-seek-minimal .thumb .inner {
          width: var(--s-xs);
}
.layout.l-default.l-suave.scroll-at-top .w-go-down {
    opacity: 1;
}
.layout.l-default.l-suave.scroll-at-top .layout-main .main-column {
    /* flex: 2 2 100%; */
    max-width: 100%;
    width: 100%;
    transition: 700ms;
}
.layout.l-default.l-suave.scroll-at-top .layout-main .main-column > main, .layout.l-default.l-suave.scroll-at-top .layout-main .main-column > .scroll > .inner > main {
      min-height: 0;
      height: 0;
      margin: 0;
      padding: 0;
      overflow: hidden;
}
.layout.l-default.l-suave.scroll-at-top .layout-main .main-column > .scroll > .inner {
      max-height: 100%;
}
.layout.l-default.l-suave.scroll-at-top .layout-main .side-column {
    /* flex: 0 0 0%; */
    transition: 700ms;
    z-index: 0;
}
.layout.l-default.l-suave.scroll-at-top .layout-main .side-column .k-page {
      /* left: -33%; */
      padding-left: 100%;
      padding-top: 100%;
}
.layout.l-default.l-suave.scroll-at-top .layout-main .side-column .k-page > * {
        opacity: 0;
}
.layout.l-default.l-suave.scroll-at-top .k-hero {
    transition: 700ms;
}
@media (min-width: 600px) {
.layout.l-default.l-suave.scroll-at-top .k-hero.fullscreen {
        min-height: 100vh;
        width: auto;
        height: 100%;
}
}

#app {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  /* color: #2c3e50; */
  color: #ddeeff;
}
#app #nav {
    padding: 30px;
}
#app #nav a {
      font-weight: bold;
      color: #2c3e50;
}
#app #nav a.router-link-exact-active {
        color: #42b983;
}
#app > .d-loading {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    background: var(--c-bg-loading, black);
    --c-loader: rgba(0,255,255,0.75);
}
#app > .d-loading .spinner-frame {
      mix-blend-mode: difference;
}

/*
    Theme Name: Achernar
    Description: WordPress Theme using VueJS and WP REST API
    Author: Meshach Mitchell
    Author URI: http://sandbox0.com/
    Version: 0.1.0
 */
/*
 THIS THEME IS USING FILE:
 /style.css 
 */
/**
 * vars: variables
 * ---
 */
/**
 * Colours
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * Responsive, breakpoints
 */
/**
 * reset
 * ---
 * Reset file
 * NOTE: also `normalize.css` is used
 */
/**
 * vars: variables
 * ---
 */
/**
 * Colours
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * Responsive, breakpoints
 */
*,
*:after,
*:before {
  box-sizing: border-box; }

html {
  font-size: 16px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  --s-2xs: 0.125rem;
  --s-xs: 0.25rem;
  --s-sm: 0.5rem;
  --s-3q: 0.75rem;
  --s-base: 1rem;
  --s-lg: 1.25rem;
  --s-2lg: 1.5rem;
  --s-xl: 2rem;
  --s-2xl: 2.5rem;
  --s-3xl: 3rem;
  --s-4xl: 4rem;
  --s-huge: 5rem;
  --c-glow: rgba(0,200,255,0.5);
  --pad-close-button: var(--s-base);
  --s-close-button: var(--s-2xl);
  --h-header: 3rem;
  --c-bg: #001;
  --c-fg: white;
  --c-bg-admin: lightskyblue;
  --c-fg-admin: #048;
  --c-glow-link: cyan;
  --c-glow-active: white;
  --glow-hover: 0 0 2px var(--c-glow-link),
                0 0 4px var(--c-glow-link),
                0 0 16px var(--c-glow-link);
  --glow-active: 0 0 2px var(--c-glow-active),
                 0 0 4px var(--c-glow-active),
                 0 0 16px var(--c-glow-link);
  --glow-white: 0 0 2px white, 0 0 4px white, 0 0 16px white;
  --glow-svg-hover: drop-shadow( 0 0 1px var(--c-glow-link))
                    drop-shadow( 0 0 2px var(--c-glow-link))
                    drop-shadow( 0 0 8px var(--c-glow-link));
  --glow-svg-active: drop-shadow( 0 0 1px var(--c-glow-active))
                     drop-shadow( 0 0 2px var(--c-glow-active))
                     drop-shadow( 0 0 8px var(--c-glow-link));
  --glow-svg-white: drop-shadow( 0 0 1px white)
                    drop-shadow( 0 0 2px white)
                    drop-shadow( 0 0 8px white);
  --h-nav-main: 10em; }

body {
  font-family: Comfortaa, "Helvetica Neue", Helvetica, Arial, "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #ddd;
  background-color: #001; }

img {
  max-width: 100%;
  vertical-align: middle; }

a {
  color: var(--c-fg);
  text-decoration: none;
  transition: 400ms all; }
  a svg {
    transition: 400ms all; }
  a:focus, a:hover {
    text-decoration: none !important;
    transition: 250ms all;
    text-shadow: var(--glow-hover);
    outline: 0 none !important;
    /* background: rgba(255,255,255,0.2); */ }
    a:focus svg, a:hover svg {
      transition: 250ms all;
      filter: var(--glow-svg-hover); }
  a:active {
    transition: 50ms all;
    text-shadow: var(--glow-active); }
    a:active svg {
      transition: 250ms all;
      filter: var(--glow-svg-active); }

input[type="text"],
input[type="search"] {
  font-size: inherit;
  line-height: inherit; }

::-moz-selection {
  background-color: #04A4CC;
  color: #001;
  text-shadow: none; }

::selection {
  background-color: #04A4CC;
  color: #001;
  text-shadow: none; }

h1 {
  font-size: 4rem; }

button:focus {
  outline: 0 none !important; }

.message {
  padding-bottom: var(--s-base); }

/**
 * parallax
 * ---
 */
/**
 * vars: variables
 * ---
 */
/**
 * Colours
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * Responsive, breakpoints
 */
.layout {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden; }

body {
  background-color: #25252b;
  height: 100%; }

.page {
  overflow-x: hidden;
  overflow-y: auto;
  perspective: 2px;
  height: 100%; }

.html {
  perspective: 2px; }

/**
 * main
 * ---
 */
/**
 * vars: variables
 * ---
 */
/**
 * Colours
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * Responsive, breakpoints
 */
main {
  position: relative;
  box-shadow: 0 0px 128px -32px var(--c-glow), 0 20px 32px -40px aqua;
  margin: 0;
  width: 100%;
  background: var(--c-bg-page, #000b18);
  padding: 1em; }
  @media (max-width: 600px) {
    main {
      padding: 1em 0 0; } }
  main > section {
    position: relative;
    max-width: 750px;
    padding: 30px;
    text-align: justify; }
    @media (max-width: 600px) {
      main > section {
        padding: 0 4px; } }
    main > section.subscriptions {
      max-width: none; }
  main h1.title {
    position: relative;
    margin-top: -1.6em;
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    font-size: 2.8rem;
    text-align: left; }
    @media (max-width: 600px), (max-height: 600px) {
      main h1.title {
        font-size: 2rem;
        margin-top: -1.8em; } }
  main .description a:link, main .description a:visited {
    color: #8bf;
    text-shadow: 0 0 2px darkblue; }
  .login.page main {
    min-height: 85%; }
    .login.page main .message {
      padding: 10px; }

#app {
  background: #100; }

.card-body > a, .card-body > a:hover {
  text-decoration: none;
  cursor: default; }

main .login-container, .page.contact main section.description {
  background: white;
  max-width: 540px;
  margin: -40px auto 20px;
  padding: 10px 20px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 13px rgba(0, 0, 0, 0.1); }
  @media (max-width: 600px) {
    main .login-container, .page.contact main section.description {
      margin: 20px auto;
      padding: 10px; } }

#login {
  padding: 10px 10px 0;
  min-width: 23em; }
  main #login {
    padding: 0; }
    main #login .btn-link {
      font-size: medium; }
  #login.feedback {
    padding: 10px; }
    #login.feedback .message {
      font-size: larger;
      color: #ddd;
      padding: 15px; }
      #login.feedback .message strong {
        font-size: large;
        font-weight: bold;
        color: #eee; }
    #login.feedback .login-actions .btn {
      width: 46%; }
  #login label {
    font-size: small;
    padding-bottom: 0;
    color: #ddd; }
  #login input, #login input.form-control {
    height: 2.5em;
    font-size: large;
    margin-top: -4px;
    box-shadow: none;
    border: 0 none;
    border-bottom: 2px solid #888;
    color: white;
    background: transparent; }
    #login input:focus, #login input.form-control:focus {
      color: white;
      background: transparent;
      border-bottom-color: deepskyblue;
      outline: none !important; }
  #login #login-password {
    min-height: 8.5em;
    margin-bottom: 10px; }
    #login #login-password .alert {
      margin-bottom: 0; }
  #login #login-recaptcha > div > div > div {
    margin: 0 auto; }
  #login.register #login-password {
    min-height: 13.5em; }
  #login .login-actions {
    margin: 10px auto 0;
    padding-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
    #login .login-actions .btn {
      padding: 3px 16px;
      margin: 0 5px;
      width: 40%; }
      main #login .login-actions .btn {
        font-size: large; }
      #login .login-actions .btn.login-button {
        float: left; }
      #login .login-actions .btn.register-button {
        float: right; }
    #login .login-actions span {
      margin: 0 auto;
      display: block;
      float: left;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      line-height: 1.5em;
      padding: 4px;
      width: 13%; }
      main #login .login-actions span {
        padding: 7px;
        width: 15.8%; }
        @media (max-width: 600px) {
          main #login .login-actions span {
            width: 13.5%; } }

.page.about h2 {
  margin-bottom: 1.5em; }

.page.about p {
  margin-bottom: 1em; }

.page.about main {
  min-height: 70%; }

section.post {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 3em; }
  @media (min-width: 600px) {
    section.post {
      margin-left: 3em; } }

.page.contact .contact-form {
  border-top: 1px solid #eee;
  padding-top: 1em;
  margin-top: 1em; }
  .page.contact .contact-form label {
    font-size: small;
    padding-bottom: 0;
    color: grey; }
  .page.contact .contact-form input[type="text"], .page.contact .contact-form input.name, .page.contact .contact-form input.email, .page.contact .contact-form input.url, .page.contact .contact-form input.password {
    height: 2.5em;
    font-size: large;
    width: 100%;
    margin-top: -4px;
    box-shadow: none;
    border: 0 none;
    border-bottom: 2px solid #aaa; }
    .page.contact .contact-form input[type="text"]:focus, .page.contact .contact-form input.name:focus, .page.contact .contact-form input.email:focus, .page.contact .contact-form input.url:focus, .page.contact .contact-form input.password:focus {
      border-bottom-color: deepskyblue;
      outline: none !important; }
  .page.contact .contact-form textarea {
    width: 100%;
    border: 2px solid #aaa; }
    .page.contact .contact-form textarea:focus {
      border-color: deepskyblue;
      outline: none !important; }
  .page.contact .contact-form .grunion-field-wrap {
    clear: both; }
  .page.contact .contact-form .grunion-field-textarea-wrap .grunion-field-label {
    margin-bottom: 0; }
  .page.contact .contact-form .grunion-radio-label.radio {
    float: left;
    margin: 4px 1px;
    padding-left: 30px;
    font-weight: normal;
    border-radius: 3px; }
    .page.contact .contact-form .grunion-radio-label.radio:hover {
      background: rgba(100, 200, 255, 0.1); }
  .page.contact .contact-form .clear-form {
    clear: none; }
  .page.contact .contact-form .grunion-field-textarea-wrap {
    padding-top: 1em; }
  .page.contact .contact-form input.pushbutton-wide {
    margin: 0 auto;
    display: block;
    font-size: larger;
    padding: 4px 3em;
    background: cornflowerblue;
    border: 0 none;
    border-radius: 4px;
    color: #def;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
    .page.contact .contact-form input.pushbutton-wide:hover {
      background: #69f;
      color: white;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }

.vb > .vb-dragger, .vb-visible > .vb-dragger {
  z-index: 5;
  width: 12px;
  right: 0;
  transition: opacity 400ms;
  opacity: 0; }
  .vb > .vb-dragger > .vb-dragger-styler, .vb-visible > .vb-dragger > .vb-dragger-styler {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    transform: rotate3d(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0.1);
    margin: 5px 5px 5px 0;
    border-radius: 20px;
    height: calc(100% - 10px);
    display: block; }

.vb.scroller > .vb-dragger, .vb-visible.scroller > .vb-dragger {
  opacity: 0.5; }
  .vb.scroller > .vb-dragger > .vb-dragger-styler, .vb-visible.scroller > .vb-dragger > .vb-dragger-styler {
    box-shadow: inset 0 2px 2px -1px rgba(0, 0, 0, 0.5); }

.vb:hover > .vb-dragger, .vb:focus-within > .vb-dragger, .vb.vb-scrolling > .vb-dragger, .vb-visible:hover > .vb-dragger, .vb-visible:focus-within > .vb-dragger, .vb-visible.vb-scrolling > .vb-dragger {
  opacity: 1; }
  .vb:hover > .vb-dragger > .vb-dragger-styler, .vb:focus-within > .vb-dragger > .vb-dragger-styler, .vb.vb-scrolling > .vb-dragger > .vb-dragger-styler, .vb-visible:hover > .vb-dragger > .vb-dragger-styler, .vb-visible:focus-within > .vb-dragger > .vb-dragger-styler, .vb-visible.vb-scrolling > .vb-dragger > .vb-dragger-styler {
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.25); }

/**
 * inserts: excerpt and preview-card elements
 * ---
 */
/**
 * vars: variables
 * ---
 */
/**
 * Colours
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * Responsive, breakpoints
 */
section.info {
  color: #aaa;
  margin: 0 0 10px; }
  section.info .dashicons {
    margin-right: 1px;
    font-size: 18px; }
  section.info .count {
    vertical-align: center;
    font-size: 13px; }
  section.info > * {
    margin-right: 1em; }
  section.info .views.active {
    color: deepskyblue; }
  section.info .likes.active, .release section.info .likes:hover {
    color: green; }
  section.info .dislikes.active, .release section.info .dislikes:hover {
    color: red; }
  section.info .favs.active, .release section.info .favs:hover {
    color: orange; }
  section.info .likes, section.info .dislikes, .release section.info .favs {
    cursor: pointer; }
  section.info .comments.active {
    color: purple; }

/**
 * shop: styles for shopping elements
 * ---
 */
/**
 * vars: variables
 * ---
 */
/**
 * Colours
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * Responsive, breakpoints
 */
.card.member-level {
  background: #345;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  border: none;
  margin-bottom: 10px; }
  .card.member-level .card-header {
    text-align: center;
    font-size: x-large;
    text-align: center;
    font-weight: bold;
    background: #234;
    color: #fe9;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
  .card.member-level.current {
    background: #324; }
    .card.member-level.current .card-header {
      background: #213; }
  .card.member-level:not(.current):hover {
    cursor: pointer;
    background: #456; }
    .card.member-level:not(.current):hover .card-header {
      background: #345; }
    .card.member-level:not(.current):hover .card-footer.buy a {
      background: #fa0;
      color: yellow; }
  .card.member-level .description {
    color: #eee;
    padding: 5px;
    min-height: 6em; }
  .card.member-level .price {
    font-size: xx-large;
    text-align: right;
    color: white; }
  .card.member-level .card-footer {
    text-align: center;
    font-size: large;
    text-transform: capitalize;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
    .card.member-level .card-footer.selected {
      background: darkseagreen; }
    .card.member-level .card-footer.buy {
      padding: 0;
      border-top-color: #fb1; }
      .card.member-level .card-footer.buy a {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        padding: 0.75rem 1.25rem;
        display: block;
        background: orange;
        color: black;
        text-decoration: none !important; }
        .card.member-level .card-footer.buy a:hover {
          background: #fa0;
          color: yellow; }

.subscription-menu .confirm .order .table-secondary {
  font-weight: bold; }

.subscription-menu .confirm .actions a, .subscription-menu .confirm .actions button, .subscription-menu .confirm .actions .btn {
  float: right;
  font-size: medium; }

.subscription-menu .description {
  margin-bottom: 2em; }

.latest-title {
  margin-bottom: 25px; }
  .latest-title span {
    font-style: italic;
    font-size: 17px; }

.main-title {
  text-transform: capitalize;
  margin-bottom: 15px; }

.single h1.post-title,
.single h2.comments-title {
  margin-bottom: 25px;
  font-weight: 100;
  padding-bottom: 15px;
  border-bottom: 1px solid #ebebeb; }

.the-loop {
  margin: 0;
  padding: 0; }
  .the-loop li {
    list-style: none; }
  .the-loop .title {
    font-size: 24px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.meta {
  margin-bottom: 5px; }

.meta,
.meta a {
  color: #a8a8a8; }

.fade-enter-active {
  transition: all 600ms ease-in-out; }

.fade-leave-active {
  transition: all 600ms ease; }

.fade-fast-enter-active {
  transition: all 150ms ease-in; }

.fade-fast-leave-active {
  transition: all 150ms ease-out; }

.fade-superfast-enter-active {
  transition: all 50ms ease-in; }

.fade-superfast-leave-active {
  transition: all 50ms ease-out; }

.fade-slow-enter-active {
  transition: all 1s ease-in-out; }

.fade-slow-leave-active {
  transition: all 1s ease; }

.fade-enter, .fade-leave-to,
.fade-fast-enter, .fade-fast-leave-to,
.fade-superfast-enter, .fade-superfast-leave-to,
.fade-slow-enter, .fade-slow-leave-to {
  /* .slide-fade-leave-active below version 2.1.8 */
  opacity: 0; }

.height-enter-active, .height-leave-active,
.height2-enter-active, .height2-leave-active {
  transition: all 300ms;
  overflow: hidden; }

.height-enter, .height-leave-to,
.height2-enter2, .height2-leave-to {
  max-height: 0;
  opacity: 0; }

.height-enter-to, .height-leave {
  max-height: 100vh;
  opacity: 1; }

.height2-enter-to, .height-leave {
  max-height: 200vh;
  opacity: 1; }

.slide-left-enter-active {
  -webkit-animation: slide-left 150ms cubic-bezier(0, 0.55, 0.45, 1);
          animation: slide-left 150ms cubic-bezier(0, 0.55, 0.45, 1); }

.slide-right-enter-active {
  -webkit-animation: slide-right 150ms cubic-bezier(0, 0.55, 0.45, 1);
          animation: slide-right 150ms cubic-bezier(0, 0.55, 0.45, 1); }

.slide-left-leave-active {
  animation: slide-left 400ms cubic-bezier(0.55, 0, 1, 0.45) reverse; }

.slide-right-leave-active {
  animation: slide-right 400ms cubic-bezier(0.55, 0, 1, 0.45) reverse; }

.ghost-left-enter-active {
  -webkit-animation: ghost-left 400ms cubic-bezier(0, 0.55, 0.45, 1);
          animation: ghost-left 400ms cubic-bezier(0, 0.55, 0.45, 1); }

.ghost-right-enter-active {
  -webkit-animation: ghost-right 400ms cubic-bezier(0, 0.55, 0.45, 1);
          animation: ghost-right 400ms cubic-bezier(0, 0.55, 0.45, 1); }

.ghost-left-leave-active {
  animation: ghost-left 1s cubic-bezier(0.55, 0, 1, 0.45) reverse; }

.ghost-right-leave-active {
  animation: ghost-right 1s cubic-bezier(0.55, 0, 1, 0.45) reverse; }

@-webkit-keyframes slide-left {
  0% {
    transform: translateX(-100%);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes slide-left {
  0% {
    transform: translateX(-100%);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@-webkit-keyframes slide-right {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes slide-right {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@-webkit-keyframes ghost-left {
  0% {
    transform: translateX(-100%);
    opacity: 0; }
  75% {
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes ghost-left {
  0% {
    transform: translateX(-100%);
    opacity: 0; }
  75% {
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@-webkit-keyframes ghost-right {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  75% {
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes ghost-right {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  75% {
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

.content {
  margin-bottom: 35px; }

.content-area img,
.content img {
  max-width: 100%;
  margin-top: 5px;
  margin-bottom: 15px; }

.pagination {
  margin-top: 30px; }

.json-tree-deeper {
  display: block;
  margin-left: var(--s-base); }


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