/*!
 * Theme Name: Madulain Custom Theme
 * Description: Theme für Madulain Ferienwohnungen
 * Version: 1.0
 * Author: mac (@macundalain.ch)
 * Author URI: http://macundalain.ch
 *
 * License: MIT
 * License URI: http://opensource.org/licenses/mit-license.php
 */
/**
 * styles.scss
 * ---
 * Main `sass` file. Import here `sass` files
 */
/**
 * modules/variables
 * ---
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Measures
 */
/**
 * Grid
 */
/**
 * Breakpoints
 */
/**
 * modules/mixins
 * ---
 */
.header nav a, .sub-content .tab-nav li a {
	text-transform: uppercase;
	letter-spacing: 0.04em;
	border-bottom: 2px solid transparent;
	color: #000000;
	background-color: #fff;
	background-clip: content-box;
	transition: border .4s;
}
  .header nav a, .sub-content .tab-nav li a, .header nav a:after, .sub-content .tab-nav li a:after {
    content: attr(title);
    display: inline-block;
    position: relative;
    z-index: 10;
    padding: 0 1rem;
    line-height: 6;
    border-radius: 10px 10px 0 0; }
  .header nav a:after, .sub-content .tab-nav li a:after {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #fff;
	background-color: #666666;
	transition: height .4s;
}

.header nav a {
  border-bottom-color: transparent; }
  .header nav a:after {
    height: 0; }
  .header nav a:hover, .header nav a.active {
    border-bottom-color: #fff; }
    .header nav a:hover:after, .header nav a.active:after {
      height: 100%; }

.sub-content .tab-nav li a {
  border-bottom-color: transparent; }
  .sub-content .tab-nav li a:after {
    height: 100%; }
  .sub-content .tab-nav li a:hover, .sub-content .tab-nav li a.active {
    border-bottom-color: #fff; }
    .sub-content .tab-nav li a:hover:after, .sub-content .tab-nav li a.active:after {
      height: 0; }

/**
 * modules/fonts
 * ---
 * Declare fonts here
 */
/*
@font-face {
  font-family: "Font-Name";
  src: url("fonts/font-name.eot");
  src: url("fonts/font-name.eot?#iefix") format("embedded-opentype"),
    url("fonts/font-name.woff") format("woff"),
    url("fonts/font-name.ttf") format("truetype"),
    url("fonts/font-name.svg#font-name") format("svg");
  font-weight: normal;
  font-style: normal;
}
*/
/**
 * partials/reset
 * ---
 * Reset file
 * NOTE: also `normalize.css` is used
 */
*,
*:after,
*:before {
  box-sizing: border-box; }

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "Roboto", sans-serif;
  font-size: 2rem;
  line-height: 1.4;
  color: #444; }

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

a {
  color: #444;
  text-decoration: none; }
  a:focus, a:hover {
    text-decoration: none; }

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

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

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

/* **************************************************************************
 *  MEDIA MOTION AG                                                         *
 ****************************************************************************

    Funktion    Simple Grid
    Authors     mac signer
    Datum       

*****************************************************************************/
.columns-1 > * {
  float: left; }
  .columns-1 > *:nth-of-type(1n) {
    width: 100%;
    width: calc( ( (100%) - ( 0 * 3rem ) ) / 1);
    margin-right: 5%;
    margin-right: calc( 3rem);
    margin-bottom: 5%;
    margin-bottom: calc( 3rem);
    clear: none; }
  .columns-1 > *:nth-of-type(1n+1) {
    clear: left; }
  .columns-1 > *:nth-of-type(1n+1) {
    margin-right: 0; }

.columns-1:after {
  content: ".";
  display: block;
  clear: both;
  color: transparent;
  visibility: hidden;
  height: 0; }

.columns-2 > * {
  float: left; }
  .columns-2 > *:nth-of-type(1n) {
    width: 47.5%;
    width: calc( ( (100%) - ( 1 * 3rem ) ) / 2);
    margin-right: 5%;
    margin-right: calc( 3rem);
    margin-bottom: 5%;
    margin-bottom: calc( 3rem);
    clear: none; }
  .columns-2 > *:nth-of-type(2n+1) {
    clear: left; }
  .columns-2 > *:nth-of-type(2n+2) {
    margin-right: 0; }

.columns-2:after {
  content: ".";
  display: block;
  clear: both;
  color: transparent;
  visibility: hidden;
  height: 0; }

.columns-3 > * {
  float: left; }
  .columns-3 > *:nth-of-type(1n) {
    width: 30%;
    width: calc( ( (100%) - ( 2 * 3rem ) ) / 3);
    margin-right: 5%;
    margin-right: calc( 3rem);
    margin-bottom: 5%;
    margin-bottom: calc( 3rem);
    clear: none; }
  .columns-3 > *:nth-of-type(3n+1) {
    clear: left; }
  .columns-3 > *:nth-of-type(3n+3) {
    margin-right: 0; }

.columns-3:after {
  content: ".";
  display: block;
  clear: both;
  color: transparent;
  visibility: hidden;
  height: 0; }

.columns-4 > * {
  float: left; }
  .columns-4 > *:nth-of-type(1n) {
    width: 21.25%;
    width: calc( ( (100%) - ( 3 * 3rem ) ) / 4);
    margin-right: 5%;
    margin-right: calc( 3rem);
    margin-bottom: 5%;
    margin-bottom: calc( 3rem);
    clear: none; }
  .columns-4 > *:nth-of-type(4n+1) {
    clear: left; }
  .columns-4 > *:nth-of-type(4n+4) {
    margin-right: 0; }

.columns-4:after {
  content: ".";
  display: block;
  clear: both;
  color: transparent;
  visibility: hidden;
  height: 0; }

.columns-5 > * {
  float: left; }
  .columns-5 > *:nth-of-type(1n) {
    width: 16%;
    width: calc( ( (100%) - ( 4 * 3rem ) ) / 5);
    margin-right: 5%;
    margin-right: calc( 3rem);
    margin-bottom: 5%;
    margin-bottom: calc( 3rem);
    clear: none; }
  .columns-5 > *:nth-of-type(5n+1) {
    clear: left; }
  .columns-5 > *:nth-of-type(5n+5) {
    margin-right: 0; }

.columns-5:after {
  content: ".";
  display: block;
  clear: both;
  color: transparent;
  visibility: hidden;
  height: 0; }

.columns-6 > * {
  float: left; }
  .columns-6 > *:nth-of-type(1n) {
    width: 12.5%;
    width: calc( ( (100%) - ( 5 * 3rem ) ) / 6);
    margin-right: 5%;
    margin-right: calc( 3rem);
    margin-bottom: 5%;
    margin-bottom: calc( 3rem);
    clear: none; }
  .columns-6 > *:nth-of-type(6n+1) {
    clear: left; }
  .columns-6 > *:nth-of-type(6n+6) {
    margin-right: 0; }

.columns-6:after {
  content: ".";
  display: block;
  clear: both;
  color: transparent;
  visibility: hidden;
  height: 0; }

@media screen and (max-width: 64em) {
  .columns-tablet-1 > * {
    float: left; }
    .columns-tablet-1 > *:nth-of-type(1n) {
      width: 100%;
      width: calc( ( (100%) - ( 0 * 3rem ) ) / 1);
      margin-right: 5%;
      margin-right: calc( 3rem);
      margin-bottom: 5%;
      margin-bottom: calc( 3rem);
      clear: none; }
    .columns-tablet-1 > *:nth-of-type(1n+1) {
      clear: left; }
    .columns-tablet-1 > *:nth-of-type(1n+1) {
      margin-right: 0; }
  .columns-tablet-1:after {
    content: ".";
    display: block;
    clear: both;
    color: transparent;
    visibility: hidden;
    height: 0; }
  .columns-tablet-2 > * {
    float: left; }
    .columns-tablet-2 > *:nth-of-type(1n) {
      width: 47.5%;
      width: calc( ( (100%) - ( 1 * 3rem ) ) / 2);
      margin-right: 5%;
      margin-right: calc( 3rem);
      margin-bottom: 5%;
      margin-bottom: calc( 3rem);
      clear: none; }
    .columns-tablet-2 > *:nth-of-type(2n+1) {
      clear: left; }
    .columns-tablet-2 > *:nth-of-type(2n+2) {
      margin-right: 0; }
  .columns-tablet-2:after {
    content: ".";
    display: block;
    clear: both;
    color: transparent;
    visibility: hidden;
    height: 0; }
  .columns-tablet-3 > * {
    float: left; }
    .columns-tablet-3 > *:nth-of-type(1n) {
      width: 30%;
      width: calc( ( (100%) - ( 2 * 3rem ) ) / 3);
      margin-right: 5%;
      margin-right: calc( 3rem);
      margin-bottom: 5%;
      margin-bottom: calc( 3rem);
      clear: none; }
    .columns-tablet-3 > *:nth-of-type(3n+1) {
      clear: left; }
    .columns-tablet-3 > *:nth-of-type(3n+3) {
      margin-right: 0; }
  .columns-tablet-3:after {
    content: ".";
    display: block;
    clear: both;
    color: transparent;
    visibility: hidden;
    height: 0; }
  .columns-tablet-4 > * {
    float: left; }
    .columns-tablet-4 > *:nth-of-type(1n) {
      width: 21.25%;
      width: calc( ( (100%) - ( 3 * 3rem ) ) / 4);
      margin-right: 5%;
      margin-right: calc( 3rem);
      margin-bottom: 5%;
      margin-bottom: calc( 3rem);
      clear: none; }
    .columns-tablet-4 > *:nth-of-type(4n+1) {
      clear: left; }
    .columns-tablet-4 > *:nth-of-type(4n+4) {
      margin-right: 0; }
  .columns-tablet-4:after {
    content: ".";
    display: block;
    clear: both;
    color: transparent;
    visibility: hidden;
    height: 0; }
  .columns-tablet-5 > * {
    float: left; }
    .columns-tablet-5 > *:nth-of-type(1n) {
      width: 16%;
      width: calc( ( (100%) - ( 4 * 3rem ) ) / 5);
      margin-right: 5%;
      margin-right: calc( 3rem);
      margin-bottom: 5%;
      margin-bottom: calc( 3rem);
      clear: none; }
    .columns-tablet-5 > *:nth-of-type(5n+1) {
      clear: left; }
    .columns-tablet-5 > *:nth-of-type(5n+5) {
      margin-right: 0; }
  .columns-tablet-5:after {
    content: ".";
    display: block;
    clear: both;
    color: transparent;
    visibility: hidden;
    height: 0; }
  .columns-tablet-6 > * {
    float: left; }
    .columns-tablet-6 > *:nth-of-type(1n) {
      width: 12.5%;
      width: calc( ( (100%) - ( 5 * 3rem ) ) / 6);
      margin-right: 5%;
      margin-right: calc( 3rem);
      margin-bottom: 5%;
      margin-bottom: calc( 3rem);
      clear: none; }
    .columns-tablet-6 > *:nth-of-type(6n+1) {
      clear: left; }
    .columns-tablet-6 > *:nth-of-type(6n+6) {
      margin-right: 0; }
  .columns-tablet-6:after {
    content: ".";
    display: block;
    clear: both;
    color: transparent;
    visibility: hidden;
    height: 0; } }

@media screen and (max-width: 56.25em) {
  .columns-mobile-1 > * {
    float: left; }
    .columns-mobile-1 > *:nth-of-type(1n) {
      width: 100%;
      width: calc( ( (100%) - ( 0 * 3rem ) ) / 1);
      margin-right: 5%;
      margin-right: calc( 3rem);
      margin-bottom: 5%;
      margin-bottom: calc( 3rem);
      clear: none; }
    .columns-mobile-1 > *:nth-of-type(1n+1) {
      clear: left; }
    .columns-mobile-1 > *:nth-of-type(1n+1) {
      margin-right: 0; }
  .columns-mobile-1:after {
    content: ".";
    display: block;
    clear: both;
    color: transparent;
    visibility: hidden;
    height: 0; }
  .columns-mobile-2 > * {
    float: left; }
    .columns-mobile-2 > *:nth-of-type(1n) {
      width: 47.5%;
      width: calc( ( (100%) - ( 1 * 3rem ) ) / 2);
      margin-right: 5%;
      margin-right: calc( 3rem);
      margin-bottom: 5%;
      margin-bottom: calc( 3rem);
      clear: none; }
    .columns-mobile-2 > *:nth-of-type(2n+1) {
      clear: left; }
    .columns-mobile-2 > *:nth-of-type(2n+2) {
      margin-right: 0; }
  .columns-mobile-2:after {
    content: ".";
    display: block;
    clear: both;
    color: transparent;
    visibility: hidden;
    height: 0; }
  .columns-mobile-3 > * {
    float: left; }
    .columns-mobile-3 > *:nth-of-type(1n) {
      width: 30%;
      width: calc( ( (100%) - ( 2 * 3rem ) ) / 3);
      margin-right: 5%;
      margin-right: calc( 3rem);
      margin-bottom: 5%;
      margin-bottom: calc( 3rem);
      clear: none; }
    .columns-mobile-3 > *:nth-of-type(3n+1) {
      clear: left; }
    .columns-mobile-3 > *:nth-of-type(3n+3) {
      margin-right: 0; }
  .columns-mobile-3:after {
    content: ".";
    display: block;
    clear: both;
    color: transparent;
    visibility: hidden;
    height: 0; }
  .columns-mobile-4 > * {
    float: left; }
    .columns-mobile-4 > *:nth-of-type(1n) {
      width: 21.25%;
      width: calc( ( (100%) - ( 3 * 3rem ) ) / 4);
      margin-right: 5%;
      margin-right: calc( 3rem);
      margin-bottom: 5%;
      margin-bottom: calc( 3rem);
      clear: none; }
    .columns-mobile-4 > *:nth-of-type(4n+1) {
      clear: left; }
    .columns-mobile-4 > *:nth-of-type(4n+4) {
      margin-right: 0; }
  .columns-mobile-4:after {
    content: ".";
    display: block;
    clear: both;
    color: transparent;
    visibility: hidden;
    height: 0; }
  .columns-mobile-5 > * {
    float: left; }
    .columns-mobile-5 > *:nth-of-type(1n) {
      width: 16%;
      width: calc( ( (100%) - ( 4 * 3rem ) ) / 5);
      margin-right: 5%;
      margin-right: calc( 3rem);
      margin-bottom: 5%;
      margin-bottom: calc( 3rem);
      clear: none; }
    .columns-mobile-5 > *:nth-of-type(5n+1) {
      clear: left; }
    .columns-mobile-5 > *:nth-of-type(5n+5) {
      margin-right: 0; }
  .columns-mobile-5:after {
    content: ".";
    display: block;
    clear: both;
    color: transparent;
    visibility: hidden;
    height: 0; }
  .columns-mobile-6 > * {
    float: left; }
    .columns-mobile-6 > *:nth-of-type(1n) {
      width: 12.5%;
      width: calc( ( (100%) - ( 5 * 3rem ) ) / 6);
      margin-right: 5%;
      margin-right: calc( 3rem);
      margin-bottom: 5%;
      margin-bottom: calc( 3rem);
      clear: none; }
    .columns-mobile-6 > *:nth-of-type(6n+1) {
      clear: left; }
    .columns-mobile-6 > *:nth-of-type(6n+6) {
      margin-right: 0; }
  .columns-mobile-6:after {
    content: ".";
    display: block;
    clear: both;
    color: transparent;
    visibility: hidden;
    height: 0; } }

/**
 * partials/wordpress
 * ---
 * Wordpess core classes
 */
/**
 * Alignment
 */
.alignnone {
  margin: 0.5rem 1.5rem 1.5rem 0; }

.aligncenter {
  display: block;
  margin: 0.5rem auto; }

.alignright {
  float: right;
  margin: 0.5rem 0 1.5rem 1.5rem; }

.alignleft {
  float: left;
  margin: 0.5rem 1.5rem 1.5rem 0; }

/**
 * Gallery & images
 */
.wp-caption img {
  width: auto;
  max-width: 100%;
  height: auto;
  border: 0 none;
  padding: 0;
  margin: 0; }

.wp-caption .wp-caption-text,
.gallery-caption {
  margin: 0;
  padding: 0 0.5rem 0.5rem;
  line-height: 1.4; }

/**
 * partials/utils
 * ---
 * Utils classes
 */
.clear:before, .clear:after {
  content: " ";
  display: table; }

.clear:after {
  clear: both; }

.reset-box {
  padding: 0;
  margin: 0; }

h1 {
  font-size: 4.4rem;
  margin-top: 0;
  text-align: center; }

h2 {
  font-size: 2.4rem;
  text-transform: uppercase; }

h3 {
  font-size: 2rem;
  text-transform: uppercase; }

h1,
h2,
h3 {
  font-weight: 700; }

h4,
h5,
h6 {
  text-transform: uppercase;
  font-weight: 300; }

@media screen and (max-width: 56.25em) {
  h1 {
    font-size: 2.2rem; }
  h2 {
    font-size: 1.8rem; }
  h3 {
    font-size: 1.6rem; } }

ul,
ol {
  padding: 0;
  margin: 0 0 3rem; }

main a {
	color: #000000;
	background-color: transparent;
	transition: color .4s, background .4s;
}
  main a:hover {
	color: #fff;
	background-color: #000000;
}
  main a:visited {
    color: #C75805; }

figure {
  margin: 0; }

.article > ul,
.article > ol,
.footer-area > ul,
.footer-area > ol {
  display: table;
  counter-reset: count; }
  .article > ul li,
  .article > ol li,
  .footer-area > ul li,
  .footer-area > ol li {
    display: table-row; }
    .article > ul li:before,
    .article > ol li:before,
    .footer-area > ul li:before,
    .footer-area > ol li:before {
      content: "-";
      display: table-cell;
      padding-right: .4em; }

.header {
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1000;
	background-color: #fff;
	border: 2px solid #000000;
	border-top-width: 0;
	border-radius: 0 0 10px 10px;  /*
	&:after {
		content: "";
		display: block;
		margin: 0 auto;
		position: absolute;
		top: 100%;
		right: 0;
		left: 0;
		width: 0;
		height: 2px;
		background-color: $nav-color;
		transition: width .4s;
	}
	
	&:hover {
		&:after {
			width: 100%;
		}
	}
	
*/ }
  @media screen and (max-width: 56.25em) {
    .header {
      position: relative; } }
  .header ul {
    margin-bottom: 0;
    list-style: none;
    text-align: center; }
    .header ul li {
      display: inline-block; }
  .header .logo {
    position: absolute;
    top: 1rem;
    bottom: 1rem;
    left: 2rem; }
    @media screen and (max-width: 75em) {
      .header .logo {
        position: static;
        margin-bottom: 1rem;
        text-align: center; } }
    .header .logo img {
      width: 22rem;
      height: auto;
      max-height: 100%;
      max-width: 100%; }
  .header nav a {
    font-size: 1em; }
  .header nav a {
    margin-bottom: -2px; }
  .header .language-switch,
  .header .social {
    position: absolute;
    right: 0;
    z-index: 10;
    list-style: none;
    line-height: 1; }
    .header .language-switch a,
    .header .social a {
	display: block;
      padding: .6rem 1rem .2rem;
	color: #000000;
	text-transform: uppercase;
	font-size: 0.8em;
	line-height: 1;
	transition: color .4s, background .4s;
}
    .header .language-switch .current-lang a,
    .header .language-switch a:hover,
    .header .social .current-lang a,
    .header .social a:hover {
	color: #fff;
	background-color: #000000;
}
  .header .language-switch {
    bottom: 0;
    z-index: 100; }
    .header .language-switch a {
      border-radius: 5px 5px 0 0;
      background-color: #fff; }
  .header .social {
    top: 0;
    right: 1rem; }
    .header .social a {
      border-radius: 0 0 5px 5px; }

.section .article > *:not(.section-bg-header):not(.title),
.article > .title > *,
.footer {
  max-width: 120rem;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem; }

.section .section-bg-header {
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed; }
  @media screen and (max-width: 75em) {
    .section .section-bg-header {
      background-attachment: scroll; } }

.section .article {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 4rem; }
  .section .article > .title {
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 4rem;
    padding-top: 2rem;
    background: white;
    background: linear-gradient(#fff 40%, rgba(255, 255, 255, 0.4));
    background-attachment: fixed; }
    .section .article > .title > * {
      margin-top: 0;
      margin-bottom: 0; }
  .section .article > p > iframe {
    display: block;
    width: 100%;
    min-height: 40vh; }

.section.parent .title {
  position: static;
  padding-bottom: 0;
  font-size: 1.6em;
  line-height: 1;
  background: none; }

.section.parent .article {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 1.6;
  letter-spacing: .07em;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4); }

.section.parent a {
  color: inherit;
  text-decoration: underline; }

.section.parent .jump-down a:after {
  border-color: #fff; }

.section:last-of-type .jump-down {
  display: none; }

.sub-content {
  padding-top: 6rem; }
  .sub-content ul {
    list-style: none; }
  .sub-content .tab-nav {
    position: -webkit-sticky;
    position: sticky;
    top: 12rem;
    z-index: 100;
    margin-bottom: 0; }
    .sub-content .tab-nav li {
	display: inline-block;
	background-color: #fff;
	border-style: solid;
	border-width: 2px;
	border-color: #000000;
	border-bottom: none;
	border-radius: 10px 10px 0 0;
}
      .sub-content .tab-nav li a {
        border-bottom: none; }
        .sub-content .tab-nav li a, .sub-content .tab-nav li a:after {
          line-height: 2;
          border-radius: 0; }
        .sub-content .tab-nav li a:before {
	content: "";
	display: block;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	height: 2px;
	background-color: #000000;
	transition: background 0s .4s;
}
        .sub-content .tab-nav li a:hover, .sub-content .tab-nav li a.active {
	border-bottom-color: #000000;
}
          .sub-content .tab-nav li a:hover:before, .sub-content .tab-nav li a.active:before {
            background-color: #fff;
            transition: background 0s 0s; }
    @media screen and (max-width: 64em) {
      .sub-content .tab-nav {
        position: -webkit-sticky;
        position: sticky;
        top: 17.6rem;
        z-index: 100; }
        .sub-content .tab-nav li {
          margin-bottom: .6rem;
          border-bottom-style: solid;
          border-bottom-width: 2px; }
          .sub-content .tab-nav li a:before {
            display: none; } }
    @media screen and (max-width: 56.25em) {
      .sub-content .tab-nav {
        top: 1rem; } }
  .sub-content .tab-content {
	padding: 2rem;
	border: 2px solid #000000;
	border-radius: 0 10px 10px;
}

.intro {
  text-align: center;
  font-weight: 700; }

.jump-down {
  font-size: 3em;
  text-align: center; }
  .jump-down a {
    display: inline-block; }
    .jump-down a:after {
      content: "";
      display: block;
      width: 3rem;
      height: 3rem;
      border-width: 0 2px 2px 0;
      border-style: solid;
      border-color: #000;
      transform: translateY(0) rotate(45deg);
      transition: transform .4s; }
    .jump-down a:hover {
      background-color: transparent; }
      .jump-down a:hover:after {
        transform: translateY(10px) rotate(45deg); }

[class*="aspect-"] {
  position: relative;
  padding: 75% 0 0; }
  [class*="aspect-"] > * {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.aspect-16-9 {
  padding-top: 56.25%; }

.gallery img {
  width: 100%; }

.gallery-columns-1 > * {
  float: left; }
  .gallery-columns-1 > *:nth-of-type(1n) {
    width: 100%;
    width: calc( ( (100%) - ( 0 * 1rem ) ) / 1);
    margin-right: 5%;
    margin-right: calc( 1rem);
    margin-bottom: 5%;
    margin-bottom: calc( 1rem);
    clear: none; }
  .gallery-columns-1 > *:nth-of-type(1n+1) {
    clear: left; }
  .gallery-columns-1 > *:nth-of-type(1n+1) {
    margin-right: 0; }

.gallery-columns-1:after {
  content: ".";
  display: block;
  clear: both;
  color: transparent;
  visibility: hidden;
  height: 0; }

.gallery-columns-2 > * {
  float: left; }
  .gallery-columns-2 > *:nth-of-type(1n) {
    width: 47.5%;
    width: calc( ( (100%) - ( 1 * 1rem ) ) / 2);
    margin-right: 5%;
    margin-right: calc( 1rem);
    margin-bottom: 5%;
    margin-bottom: calc( 1rem);
    clear: none; }
  .gallery-columns-2 > *:nth-of-type(2n+1) {
    clear: left; }
  .gallery-columns-2 > *:nth-of-type(2n+2) {
    margin-right: 0; }

.gallery-columns-2:after {
  content: ".";
  display: block;
  clear: both;
  color: transparent;
  visibility: hidden;
  height: 0; }

.gallery-columns-3 > * {
  float: left; }
  .gallery-columns-3 > *:nth-of-type(1n) {
    width: 30%;
    width: calc( ( (100%) - ( 2 * 1rem ) ) / 3);
    margin-right: 5%;
    margin-right: calc( 1rem);
    margin-bottom: 5%;
    margin-bottom: calc( 1rem);
    clear: none; }
  .gallery-columns-3 > *:nth-of-type(3n+1) {
    clear: left; }
  .gallery-columns-3 > *:nth-of-type(3n+3) {
    margin-right: 0; }

.gallery-columns-3:after {
  content: ".";
  display: block;
  clear: both;
  color: transparent;
  visibility: hidden;
  height: 0; }

.gallery-columns-4 > * {
  float: left; }
  .gallery-columns-4 > *:nth-of-type(1n) {
    width: 21.25%;
    width: calc( ( (100%) - ( 3 * 1rem ) ) / 4);
    margin-right: 5%;
    margin-right: calc( 1rem);
    margin-bottom: 5%;
    margin-bottom: calc( 1rem);
    clear: none; }
  .gallery-columns-4 > *:nth-of-type(4n+1) {
    clear: left; }
  .gallery-columns-4 > *:nth-of-type(4n+4) {
    margin-right: 0; }

.gallery-columns-4:after {
  content: ".";
  display: block;
  clear: both;
  color: transparent;
  visibility: hidden;
  height: 0; }

.gallery-columns-5 > * {
  float: left; }
  .gallery-columns-5 > *:nth-of-type(1n) {
    width: 16%;
    width: calc( ( (100%) - ( 4 * 1rem ) ) / 5);
    margin-right: 5%;
    margin-right: calc( 1rem);
    margin-bottom: 5%;
    margin-bottom: calc( 1rem);
    clear: none; }
  .gallery-columns-5 > *:nth-of-type(5n+1) {
    clear: left; }
  .gallery-columns-5 > *:nth-of-type(5n+5) {
    margin-right: 0; }

.gallery-columns-5:after {
  content: ".";
  display: block;
  clear: both;
  color: transparent;
  visibility: hidden;
  height: 0; }

.gallery-columns-6 > * {
  float: left; }
  .gallery-columns-6 > *:nth-of-type(1n) {
    width: 12.5%;
    width: calc( ( (100%) - ( 5 * 1rem ) ) / 6);
    margin-right: 5%;
    margin-right: calc( 1rem);
    margin-bottom: 5%;
    margin-bottom: calc( 1rem);
    clear: none; }
  .gallery-columns-6 > *:nth-of-type(6n+1) {
    clear: left; }
  .gallery-columns-6 > *:nth-of-type(6n+6) {
    margin-right: 0; }

.gallery-columns-6:after {
  content: ".";
  display: block;
  clear: both;
  color: transparent;
  visibility: hidden;
  height: 0; }

.featherlight-image {
  max-width: 80vw;
  max-height: 80vh; }

.featherlight:last-of-type {
  background-color: rgba(125, 68, 0, 0.8); }

.featherlight .featherlight-close-icon {
	color: #000000;
}

@media screen and (max-width: 64em) {
  .header nav a, .header nav a:after {
    line-height: 4; } }

/**
 * partials/print
 * ---
 * Print version
 * (from https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css)
 */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }