@charset "UTF-8";
/*!
Theme Name: Toolbox
Theme URI: http://underscores.me/
Author: Florian Brandel
Author URI: https://brandel-gerlach.de
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: toolbox
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Toolbox is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/* Toolbox custom colors: */
/* */
/* Toolbox custom grid vars */
/* hamburger menu breakpoint */
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #313131;
  font-family: "varela_roundregular", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0em;
  font-weight: normal;
}
@media (min-width: 576px) {
  body,
button,
input,
select,
optgroup,
textarea {
    font-size: 20.8px;
    font-size: 1.3rem;
  }
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: normal;
  font-size: 1em;
  color: #313131;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  transition: all 400ms;
}

article.bright h1, article.bright h2, article.bright h3, article.bright h4, article.bright h5, article.bright h6 {
  color: #ffffff;
}

h1,
.parent-title,
.breadcrumbs {
  font-size: 1.3rem;
}
@media (min-width: 576px) {
  h1,
.parent-title,
.breadcrumbs {
    font-size: 1.3rem;
  }
}
@media (min-width: 768px) {
  h1,
.parent-title,
.breadcrumbs {
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) {
  h1,
.parent-title,
.breadcrumbs {
    font-size: 1.8rem;
  }
}

h1.color-title {
  display: block;
  height: 1.3em;
  width: 9.5em;
  margin-left: 17px;
  margin-right: 18px;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
}

h2 {
  font-size: 1.7rem;
}

h3 {
  font-size: 1.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1.3em;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
  overflow: visible;
  position: relative;
}

address {
  margin: 0 0 1.5em;
}

pre {
  font-family: "questrialregular", sans-serif;
  font-size: 1.1em;
  white-space: normal;
  line-height: 1.3em;
  max-width: 100%;
  padding: 0.3em 0 0.5em 0;
  margin: 0 0 0.6em 0;
}
@media (min-width: 768px) {
  pre {
    font-size: 1.3em;
  }
}
pre::after {
  content: "";
  background-color: #cccccc;
  display: block;
  height: 10px;
  width: 85px;
  margin: 1.3em 0 0 0;
}

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr, acronym {
  border-bottom: 1px dotted #cccccc;
  cursor: help;
}

mark, ins {
  background: #ffffff;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background-color: #f1f3f2; /* Fallback for when there is no custom background color defined. */
  -webkit-transition: background-color 1000ms;
  -moz-transition: background-color 1000ms;
  transition: background-color 1000ms;
}

hr {
  background-color: #313131;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul, ol {
  margin: 0 0 1.5em 0;
  padding-left: 0;
}
@media (min-width: 768px) {
  ul, ol {
    margin: 0 0 1.5em 0.5em;
  }
}
@media (min-width: 992px) {
  ul, ol {
    margin: 0 0 1.5em 1em;
  }
}
ul li:not(.menu-item):not(.page_item):not(.gfield):not(.page-menu-item), ol li:not(.menu-item):not(.page_item):not(.gfield):not(.page-menu-item) {
  list-style: none;
  position: relative;
  margin-bottom: 0.3em;
}
ul li:not(.menu-item):not(.page_item):not(.gfield):not(.page-menu-item)::before, ol li:not(.menu-item):not(.page_item):not(.gfield):not(.page-menu-item)::before {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  top: 0.6em;
  left: -0.9em;
  background-color: #313131;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
}

figure {
  margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 0 solid;
  border-color: transparent;
  border-radius: 0;
  background: #313131;
  color: #fff;
  font-size: 12.8px;
  font-size: 0.8rem;
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: transparent;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: transparent;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #313131;
  border: 0 solid #cccccc;
  border-radius: 0;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #313131;
}

select {
  border: 1px solid #cccccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #ffffff;
}
a:visited {
  color: #ffffff;
}
a:hover, a:focus, a:active {
  color: #313131;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

a.bright {
  color: #ffffff;
}
a.bright:visited {
  color: #ffffff;
}
a.bright:hover, a.bright:focus, a.bright:active {
  color: #ffffff;
}
a.bright:focus {
  outline: thin dotted;
}
a.bright:hover, a.bright:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.15);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  left: 100%;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  float: left;
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 3em 0 6em 0;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f3f2;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #313131;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Toolbox custom layout
--------------------------------------------------------------*/
/*
 * Theme Name: Toolbox
 *
 * Layout: Content-Sidebar
 *
 * Learn more: https://developer.wordpress.org/themes/basics/template-files/
*/
/*
 * Theme Name: Toolbox
 *
 * Layout: Sidebar-Content
 *
 * Learn more: https://developer.wordpress.org/themes/basics/template-files/
*/
/* */
.container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  position: relative;
  padding: 0 17px 0 18px;
}

.container-fluid {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  position: relative;
}

/* isotope exception */
.layout-isotope .container.layout-container {
  display: block;
}
/* helpers */
.full-width {
  width: 100%;
}

.nopadding {
  padding: 0;
}

.max-width-large {
  max-width: 960px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.max-width {
  max-width: 760px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.max-width-small {
  max-width: 620px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.outer-width {
  max-width: 1280px;
  width: 100%;
  display: block;
}

.center-block {
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative;
}

.center {
  text-align: center;
}

.pull-right {
  margin-left: auto;
  margin-right: 0;
}

.pull-left {
  margin-right: auto;
  margin-left: 0;
}

@media (min-width: 992px) {
  .mobile-only {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .mobile-off {
    display: none !important;
  }
}

.row {
  /* */
}

.col {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.col-1 {
  width: 8.333333%;
}

.col-2 {
  width: 16.666666%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.333333%;
}

.col-5 {
  width: 41.666665%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.333331%;
}

.col-8 {
  width: 66.666666%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.333333%;
}

.col-11 {
  width: 91.666663%;
}

.col-12 {
  width: 100%;
}

/* sm: */
@media (min-width: 576px) {
  .container {
    width: 540px;
  }
  .col-sm-1 {
    width: 8.333333%;
  }
  .col-sm-2 {
    width: 16.666666%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.333333%;
  }
  .col-sm-5 {
    width: 41.666665%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.333331%;
  }
  .col-sm-8 {
    width: 66.666666%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.333333%;
  }
  .col-sm-11 {
    width: 91.666663%;
  }
  .col-sm-12 {
    width: 100%;
  }
}
/* md: */
@media (min-width: 768px) {
  .container {
    width: 720px;
  }
  .col {
    padding-left: 0.75em;
    padding-right: 0.75em;
  }
  .col-md-1 {
    width: 8.333333%;
  }
  .col-md-2 {
    width: 16.666666%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.333333%;
  }
  .col-md-5 {
    width: 41.666665%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.333331%;
  }
  .col-md-8 {
    width: 66.666666%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.333333%;
  }
  .col-md-11 {
    width: 91.666663%;
  }
  .col-md-12 {
    width: 100%;
  }
}
/* lg: */
@media (min-width: 992px) {
  .container {
    width: 960px;
  }
  .col {
    padding-left: 1em;
    padding-right: 1em;
  }
  .col-lg-1 {
    width: 8.333333%;
  }
  .col-lg-2 {
    width: 16.666666%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.333333%;
  }
  .col-lg-5 {
    width: 41.666665%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.333331%;
  }
  .col-lg-8 {
    width: 66.666666%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.333333%;
  }
  .col-lg-11 {
    width: 91.666663%;
  }
  .col-lg-12 {
    width: 100%;
  }
}
/* xl: */
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
  .col-xl-1 {
    width: 8.333333%;
  }
  .col-xl-2 {
    width: 16.666666%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-4 {
    width: 33.333333%;
  }
  .col-xl-5 {
    width: 41.666665%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-7 {
    width: 58.333331%;
  }
  .col-xl-8 {
    width: 66.666666%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-10 {
    width: 83.333333%;
  }
  .col-xl-11 {
    width: 91.666663%;
  }
  .col-xl-12 {
    width: 100%;
  }
}
/* xxl: */
@media (min-width: 2000px) {
  .container {
    width: 1440px;
  }
  .col-xxl-1 {
    width: 8.333333%;
  }
  .col-xxl-2 {
    width: 16.666666%;
  }
  .col-xxl-3 {
    width: 25%;
  }
  .col-xxl-4 {
    width: 33.333333%;
  }
  .col-xxl-5 {
    width: 41.666665%;
  }
  .col-xxl-6 {
    width: 50%;
  }
  .col-xxl-7 {
    width: 58.333331%;
  }
  .col-xxl-8 {
    width: 66.666666%;
  }
  .col-xxl-9 {
    width: 75%;
  }
  .col-xxl-10 {
    width: 83.333333%;
  }
  .col-xxl-11 {
    width: 91.666663%;
  }
  .col-xxl-12 {
    width: 100%;
  }
}
/* visibility */
.visible-lg-up {
  display: none;
}

@media (min-width: 992px) {
  .visible-lg-up {
    display: block;
  }
  .visible-lg-up-inline {
    display: inline;
  }
  .visible-lg-up-inline-block {
    display: inline-block;
  }
}
.wp-block-cover-image {
  margin: 0;
}
.wp-block-cover-image p.wp-block-cover-image-text {
  font-family: "ralewaybold", sans-serif;
}

.wp-block-cover {
  margin-bottom: 0;
}

.wp-block-quote {
  border-width: 0;
}
.wp-block-quote p {
  border-left: 10px #000 solid;
  padding-left: 1em;
}

html, body {
  /* font optimization */
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  /* general safari performance when scrolling for example */
  -webkit-transition: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
html.ajax-loading, body.ajax-loading {
  overflow-y: hidden;
}

.element-invisible {
  position: absolute;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  height: 0px;
  width: 1px;
}

body:not(.wp-admin) #wpadminbar {
  display: none;
}

body:not(.ajax-loading):not(.error404) #main > article:first-child {
  min-height: 105vh;
}

strong, b {
  font-family: "varela_roundregular", sans-serif;
  font-weight: 700;
}

a, a:focus, a:active,
img:focus, button:focus {
  outline: 0px;
}

a[href^="tel:"]:hover {
  cursor: default;
}

p.tags a {
  border: 1px solid #000;
  border-radius: 15px;
  text-decoration: none;
  padding: 3px 10px;
  line-height: 2em;
  white-space: nowrap;
  margin-right: 10px;
  margin-bottom: 10px;
}

/* button formats */
button,
.btn,
.gform_button {
  background-color: #cccccc;
  color: #fff;
  border-radius: 0;
  padding: 0;
  line-height: 2.5em !important;
  font-family: "varela_roundregular", sans-serif;
  font-size: 1em;
  width: auto;
  align-self: center;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  padding: 0 2em !important;
  border: 2px solid #cccccc;
  color: #cccccc;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  transition: all 350ms;
  color: #fff;
}
button a,
button a:visited,
button a:visited:focus,
.btn a,
.btn a:visited,
.btn a:visited:focus,
.gform_button a,
.gform_button a:visited,
.gform_button a:visited:focus {
  color: #fff;
  text-decoration: none;
}
button a:hover,
button a:focus,
button a:visited:hover,
.btn a:hover,
.btn a:focus,
.btn a:visited:hover,
.gform_button a:hover,
.gform_button a:focus,
.gform_button a:visited:hover {
  color: #fff;
}
button:hover, button:focus,
.btn:hover,
.btn:focus,
.gform_button:hover,
.gform_button:focus {
  color: #fff;
}
button:hover a,
button:hover a:visited, button:focus a,
button:focus a:visited,
.btn:hover a,
.btn:hover a:visited,
.btn:focus a,
.btn:focus a:visited,
.gform_button:hover a,
.gform_button:hover a:visited,
.gform_button:focus a,
.gform_button:focus a:visited {
  color: #fff;
}

button.btn-default,
button.btn.btn-default,
.btn-small,
button.btn-mid,
button.btn.btn-mid,
.btn-mid,
button.btn-small,
button.btn.btn-small,
.btn-small {
  border: 2px solid #cccccc;
  color: #fff;
}
button.btn-default a,
button.btn-default a:visited,
button.btn-default a:visited:focus,
button.btn.btn-default a,
button.btn.btn-default a:visited,
button.btn.btn-default a:visited:focus,
.btn-small a,
.btn-small a:visited,
.btn-small a:visited:focus,
button.btn-mid a,
button.btn-mid a:visited,
button.btn-mid a:visited:focus,
button.btn.btn-mid a,
button.btn.btn-mid a:visited,
button.btn.btn-mid a:visited:focus,
.btn-mid a,
.btn-mid a:visited,
.btn-mid a:visited:focus,
button.btn-small a,
button.btn-small a:visited,
button.btn-small a:visited:focus,
button.btn.btn-small a,
button.btn.btn-small a:visited,
button.btn.btn-small a:visited:focus,
.btn-small a,
.btn-small a:visited,
.btn-small a:visited:focus {
  color: #fff;
}
button.btn-default a:hover,
button.btn-default a:focus,
button.btn-default a:visited:hover,
button.btn.btn-default a:hover,
button.btn.btn-default a:focus,
button.btn.btn-default a:visited:hover,
.btn-small a:hover,
.btn-small a:focus,
.btn-small a:visited:hover,
button.btn-mid a:hover,
button.btn-mid a:focus,
button.btn-mid a:visited:hover,
button.btn.btn-mid a:hover,
button.btn.btn-mid a:focus,
button.btn.btn-mid a:visited:hover,
.btn-mid a:hover,
.btn-mid a:focus,
.btn-mid a:visited:hover,
button.btn-small a:hover,
button.btn-small a:focus,
button.btn-small a:visited:hover,
button.btn.btn-small a:hover,
button.btn.btn-small a:focus,
button.btn.btn-small a:visited:hover,
.btn-small a:hover,
.btn-small a:focus,
.btn-small a:visited:hover {
  color: #fff;
}
button.btn-default:hover, button.btn-default:focus,
button.btn.btn-default:hover,
button.btn.btn-default:focus,
.btn-small:hover,
.btn-small:focus,
button.btn-mid:hover,
button.btn-mid:focus,
button.btn.btn-mid:hover,
button.btn.btn-mid:focus,
.btn-mid:hover,
.btn-mid:focus,
button.btn-small:hover,
button.btn-small:focus,
button.btn.btn-small:hover,
button.btn.btn-small:focus,
.btn-small:hover,
.btn-small:focus {
  color: #fff;
  background-color: #cccccc;
  border-color: #cccccc;
}
button.btn-default:hover a,
button.btn-default:hover a:visited, button.btn-default:focus a,
button.btn-default:focus a:visited,
button.btn.btn-default:hover a,
button.btn.btn-default:hover a:visited,
button.btn.btn-default:focus a,
button.btn.btn-default:focus a:visited,
.btn-small:hover a,
.btn-small:hover a:visited,
.btn-small:focus a,
.btn-small:focus a:visited,
button.btn-mid:hover a,
button.btn-mid:hover a:visited,
button.btn-mid:focus a,
button.btn-mid:focus a:visited,
button.btn.btn-mid:hover a,
button.btn.btn-mid:hover a:visited,
button.btn.btn-mid:focus a,
button.btn.btn-mid:focus a:visited,
.btn-mid:hover a,
.btn-mid:hover a:visited,
.btn-mid:focus a,
.btn-mid:focus a:visited,
button.btn-small:hover a,
button.btn-small:hover a:visited,
button.btn-small:focus a,
button.btn-small:focus a:visited,
button.btn.btn-small:hover a,
button.btn.btn-small:hover a:visited,
button.btn.btn-small:focus a,
button.btn.btn-small:focus a:visited,
.btn-small:hover a,
.btn-small:hover a:visited,
.btn-small:focus a,
.btn-small:focus a:visited {
  color: #fff;
}

button.btn-mid,
button.btn.btn-mid,
.btn-mid {
  font-size: 0.8em;
  line-height: 2.5em;
}

button.btn-small,
button.btn.btn-small,
.btn-small {
  font-size: 0.7em;
  line-height: 2em;
}

button.btn-intro,
button.btn.btn-intro,
.btn-intro {
  border: 2px solid #cccccc;
  color: #cccccc;
}
button.btn-intro a,
button.btn-intro a:visited:focus,
button.btn.btn-intro a,
button.btn.btn-intro a:visited:focus,
.btn-intro a,
.btn-intro a:visited:focus {
  color: #cccccc;
}
button.btn-intro a:hover,
button.btn-intro a:focus,
button.btn-intro a:visited:hover,
button.btn.btn-intro a:hover,
button.btn.btn-intro a:focus,
button.btn.btn-intro a:visited:hover,
.btn-intro a:hover,
.btn-intro a:focus,
.btn-intro a:visited:hover {
  color: #cccccc;
}
button.btn-intro:hover, button.btn-intro:focus,
button.btn.btn-intro:hover,
button.btn.btn-intro:focus,
.btn-intro:hover,
.btn-intro:focus {
  color: #cccccc;
  background-color: transparent;
  border-color: #cccccc;
}
button.btn-intro:hover a, button.btn-intro:focus a,
button.btn.btn-intro:hover a,
button.btn.btn-intro:focus a,
.btn-intro:hover a,
.btn-intro:focus a {
  color: #cccccc;
}

a.wrap-link:hover button.btn-default,
a.wrap-link:hover button.btn.btn-default,
a.wrap-link:hover .btn-small,
a.wrap-link:hover button.btn-mid,
a.wrap-link:hover button.btn.btn-mid,
a.wrap-link:hover .btn-mid,
a.wrap-link:hover button.btn-small,
a.wrap-link:hover button.btn.btn-small,
a.wrap-link:hover .btn-small {
  color: #fff;
  background-color: #cccccc;
  border-color: #cccccc;
}
a.wrap-link:hover button.btn.btn-intro,
a.wrap-link:hover .btn-intro {
  color: #cccccc;
  background-color: transparent;
  border-color: #cccccc;
}

.btn-load-more {
  margin: 100px auto 100px auto;
  width: 250px;
  display: block;
}

.site-branding {
  padding-left: 12px;
  padding-right: 12px;
}
@media (min-width: 768px) {
  .site-branding {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .site-branding {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1200px) {
  .site-branding {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.gform_wrapper {
  padding-left: 12px;
  padding-right: 12px;
  max-width: 750px !important;
}
@media (min-width: 768px) {
  .gform_wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .gform_wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1200px) {
  .gform_wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.gform_wrapper form .gform_body ul.gform_fields {
  list-style-type: none;
}
.gform_wrapper form .gform_body label.gfield_label,
.gform_wrapper form .gform_body legend.gfield_label {
  font-weight: normal;
}
.gform_wrapper form .gform_button {
  background-color: #007d00;
  text-transform: uppercase;
}

.gform_wrapper div.charleft {
  font-size: 0.688em;
  margin-top: 4px;
  color: #888888;
  width: 92% !important;
}

.bright > .entry-content > .gform_wrapper {
  color: #ffffff;
}
.bright > .entry-content > .gform_wrapper div.charleft {
  color: rgba(255, 255, 255, 0.5);
}
.bright > .entry-content > .gform_confirmation_wrapper {
  padding-left: 12px;
  padding-right: 12px;
}
@media (min-width: 768px) {
  .bright > .entry-content > .gform_confirmation_wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .bright > .entry-content > .gform_confirmation_wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1200px) {
  .bright > .entry-content > .gform_confirmation_wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.bright > .entry-content > .gform_confirmation_wrapper > .gform_confirmation_message {
  color: #ffffff;
}

.gform_wrapper div.validation_error {
  color: #da5858 !important;
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 25px;
  border-top: 2px solid #da5858 !important;
  border-bottom: 2px solid #da5858 !important;
  padding: 16px 0;
  clear: both;
  width: 100%;
  text-align: center;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: transparent !important;
  margin-bottom: 6px !important;
  border-top: 1px solid transparent !important;
  border-bottom: 1px solid transparent !important;
  padding-bottom: 6px;
  padding-top: 8px;
  box-sizing: border-box;
}

.gform_wrapper .validation_message {
  color: #da5858 !important;
  font-weight: normal !important;
  letter-spacing: normal;
}

.gform_wrapper .gfield_error .gfield_label {
  color: #da5858 !important;
}

.gform_wrapper .gfield_required {
  color: #da5858 !important;
  margin-left: 4px;
}

.btn-disable-visited {
  background-color: #da5858 !important;
  text-transform: uppercase;
  color: #ffffff !important;
  border: none !important;
}
.btn-disable-visited a {
  color: #ffffff !important;
}
.btn-disable-visited.disabled {
  background-color: #007d00 !important;
}

/* menu toggle footer */
.menu-toggle-wrap {
  display: none;
}
.menu-toggle-wrap.show {
  display: block;
}
.menu-toggle-wrap button.menu-toggle {
  position: fixed;
  bottom: 53px;
  right: 7px;
  margin-left: -26px;
  width: 52px;
  height: 53px;
  padding: 0;
  z-index: 60000;
  cursor: pointer;
  border: none;
  background-color: transparent;
  transition: transform 400ms;
  /* desktop menu: */
  display: block;
  /* */
}
@media (min-width: 576px) {
  .menu-toggle-wrap button.menu-toggle {
    bottom: 53px;
    right: 7px;
  }
}
@media (min-width: 768px) {
  .menu-toggle-wrap button.menu-toggle {
    right: 15px;
    bottom: 70px;
  }
}
@media (min-width: 992px) {
  .menu-toggle-wrap button.menu-toggle {
    right: 25px;
    bottom: 90px;
  }
}
@media (min-width: 1200px) {
  .menu-toggle-wrap button.menu-toggle {
    right: 25px;
    bottom: 16px;
  }
}
@media (min-width: 2000px) {
  .menu-toggle-wrap button.menu-toggle {
    right: 25px;
    bottom: 16px;
  }
}
.menu-toggle-wrap button.menu-toggle.disabled {
  opacity: 0;
  cursor: default;
}
.menu-toggle-wrap button.menu-toggle span {
  display: block;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transform-origin: center;
  left: 50%;
  height: 3px;
  width: 34px;
  background-color: #313131;
  transition: transform 300ms, opacity 300ms, top 300ms, width 300ms, left 300ms;
  box-shadow: 1px 1px 3px rgba(2, 2, 2, 0.6);
}
.menu-toggle-wrap button.menu-toggle span:nth-child(1) {
  top: 11px;
  transition: transform 300ms 200ms, opacity 300ms 200ms, top 300ms 200ms, width 300ms 200ms, left 300ms 200ms;
}
.menu-toggle-wrap button.menu-toggle span:nth-child(2) {
  top: 24px;
}
.menu-toggle-wrap button.menu-toggle span:nth-child(3) {
  top: 37px;
}
.menu-toggle-wrap button.menu-toggle.toggled span:nth-child(1) {
  -webkit-transform: translateX(-50%) translateY(13px) rotate(225deg);
  transform: translateX(-50%) translateY(13px) rotate(225deg);
}
.menu-toggle-wrap button.menu-toggle.toggled span:nth-child(2) {
  opacity: 0;
  width: 1px;
}
.menu-toggle-wrap button.menu-toggle.toggled span:nth-child(3) {
  -webkit-transform: translateX(-50%) translateY(-13px) rotate(-225deg);
  transform: translateX(-50%) translateY(-13px) rotate(-225deg);
}

.bright .menu-toggle-wrap button.menu-toggle span {
  background-color: #ffffff;
}

body.dark .menu-toggle-wrap button.menu-toggle span {
  background-color: #313131;
}

body.bright .menu-toggle-wrap button.menu-toggle span {
  background-color: #ffffff;
}

/* Logo */
.site-logo {
  background-image: url(images/logo.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: block;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  transition: all 400ms;
  width: 300px;
  height: 25px;
  margin-top: 0px;
  margin-right: 15px;
  margin-bottom: 1em;
}
@media (min-width: 576px) {
  .site-logo {
    width: 370px;
    height: 19px;
  }
}
@media (min-width: 768px) {
  .site-logo {
    width: 370px;
    height: 19px;
  }
}
@media (min-width: 992px) {
  .site-logo {
    width: 448px;
    height: 22px;
  }
}
@media (min-width: 1200px) {
  .site-logo {
    width: 448px;
    height: 22px;
  }
}
.site-logo.center {
  margin-left: auto;
  margin-right: auto;
}
.site-logo a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999em;
}

article.bright .site-logo {
  -webkit-filter: invert(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='invert'><feComponentTransfer><feFuncR type='linear' slope='-1' intercept='1'/><feFuncG type='linear' slope='-1' intercept='1' /><feFuncB type='linear' slope='-1' intercept='1' /></feComponentTransfer></filter></svg>#invert");
  filter: invert(100%);
}

.swiper-container .site-logo {
  z-index: 5;
  position: absolute;
  margin-left: 20px;
  top: 1.3em;
  opacity: 0;
}
@media (min-width: 576px) {
  .swiper-container .site-logo {
    margin-left: 20px;
  }
}
@media (min-width: 768px) {
  .swiper-container .site-logo {
    margin-left: 35px;
  }
}
@media (min-width: 992px) {
  .swiper-container .site-logo {
    margin-left: 40px;
  }
}
@media (min-width: 1200px) {
  .swiper-container .site-logo {
    margin-left: 40px;
  }
}
@media (min-width: 1200px) {
  .swiper-container .site-logo {
    top: 1.7em;
  }
}
@media (min-width: 2000px) {
  .swiper-container .site-logo {
    top: 4em;
  }
}
.swiper-container .site-logo.show {
  opacity: 1;
}
.swiper-container.bright .site-logo {
  -webkit-filter: invert(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='invert'><feComponentTransfer><feFuncR type='linear' slope='-1' intercept='1'/><feFuncG type='linear' slope='-1' intercept='1' /><feFuncB type='linear' slope='-1' intercept='1' /></feComponentTransfer></filter></svg>#invert");
  filter: invert(100%);
}

/* nav */
header.site-header {
  width: 100%;
  position: absolute;
  height: 100px;
  z-index: 30000;
  top: 0;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  transition: all 400ms;
}
@media (min-width: 576px) {
  header.site-header {
    height: 60px;
  }
}
@media (min-width: 992px) {
  header.site-header {
    height: 100px;
  }
}
header .site-description {
  text-align: center;
}
header nav.main-navigation {
  position: absolute;
  width: auto;
  display: inline-block;
  float: none;
}
@media (min-width: 992px) {
  header nav.main-navigation {
    right: 0px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 992px) and (min-width: 576px) {
  header nav.main-navigation {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  header nav.main-navigation {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  header nav.main-navigation {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  header nav.main-navigation {
    padding-left: 30px;
    padding-right: 30px;
  }
}
header nav.main-navigation button.menu-toggle {
  position: fixed;
  top: 52px;
  left: 50%;
  margin-left: -26px;
  width: 52px;
  height: 53px;
  padding: 0;
  z-index: 60000;
  cursor: pointer;
  border: none;
  background-color: transparent;
  /* desktop menu: */
  display: block;
  /* */
}
@media (min-width: 576px) {
  header nav.main-navigation button.menu-toggle {
    top: 18px;
    left: 40px;
  }
}
@media (min-width: 768px) {
  header nav.main-navigation button.menu-toggle {
    left: 45px;
  }
}
@media (min-width: 992px) {
  header nav.main-navigation button.menu-toggle {
    left: 55px;
    top: 35px;
  }
}
@media (min-width: 1200px) {
  header nav.main-navigation button.menu-toggle {
    top: 35px;
  }
}
header nav.main-navigation button.menu-toggle span {
  display: block;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  height: 3px;
  width: 22px;
  background-color: #313131;
  transition: transform 500ms, opacity 500ms, top 500ms, width 500ms, left 500ms;
}
header nav.main-navigation button.menu-toggle span:nth-child(1) {
  top: 4px;
  transition: transform 500ms 300ms, opacity 500ms 300ms, top 500ms 300ms, width 500ms 300ms, left 500ms 300ms;
}
header nav.main-navigation button.menu-toggle span:nth-child(2) {
  top: 12px;
}
header nav.main-navigation button.menu-toggle span:nth-child(3) {
  top: 20px;
}
header nav.main-navigation div > ul {
  position: fixed;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000000;
  z-index: 50000;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  transition: all 400ms;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 5em 5%;
}
@media (min-width: 768px) {
  header nav.main-navigation div > ul {
    padding: 3em 4%;
  }
}
@media (min-width: 992px) {
  header nav.main-navigation div > ul {
    padding: 3.5em 4%;
    -ms-flex-pack: center;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  header nav.main-navigation div > ul {
    padding: 3em 10%;
  }
}
@media (min-width: 2000px) {
  header nav.main-navigation div > ul {
    padding: 4em 20%;
  }
}
header nav.main-navigation div > ul > li {
  /* desktop menu: */
  opacity: 1;
  padding: 0 0 0 17px;
  width: auto;
  display: inline-block;
  flex: 1 1 0;
  font-size: 0.9em;
  /* */
  /* */
}
@media (min-width: 992px) {
  header nav.main-navigation div > ul > li {
    font-size: 0.9em;
  }
}
@media (min-width: 1200px) {
  header nav.main-navigation div > ul > li {
    font-size: 1em;
  }
}
@media (min-width: 2000px) {
  header nav.main-navigation div > ul > li {
    font-size: 1.2em;
  }
}
header nav.main-navigation div > ul > li a {
  color: #ffffff;
  transition: border-bottom 300ms;
}
header nav.main-navigation div > ul > li.large {
  font-size: 2.3em;
}
header nav.main-navigation div > ul > li.margin-bottom {
  margin-bottom: 1em;
}
@media (min-width: 992px) {
  header nav.main-navigation div > ul > li.margin-bottom {
    margin-bottom: 1.7em;
  }
}
header nav.main-navigation div > ul > li.margin-top {
  margin-top: 1.2em;
}
header nav.main-navigation div > ul > li:hover > a, header nav.main-navigation div > ul > li.current-menu-item > a, header nav.main-navigation div > ul > li.current_page_item > a {
  color: #ffffff;
  opacity: 1;
}
header nav.main-navigation div > ul > li > ul.sub-menu {
  top: 0;
  left: auto;
  background-color: #000000;
  padding: 0 20px 0 20px;
  box-shadow: none;
  box-sizing: border-box;
  margin-left: -10px;
  transition: all 500ms;
  position: relative;
  width: 100%;
  display: -ms-flexbox;
  display: none;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 768px) {
  header nav.main-navigation div > ul > li > ul.sub-menu {
    display: flex;
  }
}
@media (min-width: 1200px) {
  header nav.main-navigation div > ul > li > ul.sub-menu {
    padding: 0 20px 0 30px;
  }
}
header nav.main-navigation div > ul > li > ul.sub-menu li {
  line-height: 1.2em;
  font-size: 0.75em;
  margin-bottom: 0.5em;
}
header nav.main-navigation div > ul > li > ul.sub-menu li a {
  color: #ffffff;
  width: auto;
}
@media (min-width: 992px) {
  header nav.main-navigation div > ul > li > ul.sub-menu li:hover > a {
    color: #ffffff;
  }
}
header nav.main-navigation div > ul > li > ul.sub-menu li.current-menu-item > a, header nav.main-navigation div > ul > li > ul.sub-menu li.current_page_item > a {
  color: #ffffff;
}
header nav.main-navigation div.menu-footer-menu-container > ul {
  width: 100%;
  height: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  z-index: 60000;
  right: 0;
  left: 0;
  top: auto;
  bottom: 0;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: none;
  flex-wrap: wrap;
  padding: 0 5% 1em 5%;
}
@media (min-width: 768px) {
  header nav.main-navigation div.menu-footer-menu-container > ul {
    padding: 0 5% 1em 5%;
  }
}
@media (min-width: 992px) {
  header nav.main-navigation div.menu-footer-menu-container > ul {
    padding: 0 4% 1em 4%;
    flex-wrap: nowrap;
  }
}
@media (min-width: 1200px) {
  header nav.main-navigation div.menu-footer-menu-container > ul {
    padding: 0 10% 1em 10%;
  }
}
@media (min-width: 2000px) {
  header nav.main-navigation div.menu-footer-menu-container > ul {
    padding: 0 20% 2em 20%;
  }
}
header nav.main-navigation div.menu-footer-menu-container > ul li {
  flex: 0 0 auto;
  padding: 0 0.5em 0 17px;
}
@media (min-width: 1200px) {
  header nav.main-navigation div.menu-footer-menu-container > ul li {
    padding: 0 1.5em 0 17px;
  }
}
header nav.main-navigation div.menu-footer-menu-container > ul li.wpml-ls-current-language {
  position: absolute;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  height: 0px;
  width: 1px;
}
header nav.main-navigation div.menu-footer-menu-container > ul li > a {
  font-size: 0.8em;
}
@media (min-width: 1200px) {
  header nav.main-navigation div.menu-footer-menu-container > ul li > a {
    font-size: 1em;
  }
}
header nav.main-navigation.toggled button.menu-toggle {
  position: fixed;
  background-color: transparent;
}
header nav.main-navigation.toggled button.menu-toggle span {
  background-color: #ffffff;
}
header nav.main-navigation.toggled button.menu-toggle span:nth-child(1) {
  transform: rotate(225deg);
  top: 10px;
}
header nav.main-navigation.toggled button.menu-toggle span:nth-child(2) {
  opacity: 0;
  left: 15px;
  width: 1px;
}
header nav.main-navigation.toggled button.menu-toggle span:nth-child(3) {
  transform: rotate(-225deg);
  top: 10px;
}
header nav.main-navigation.toggled > div > ul {
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  overflow: auto;
  -webkit-transition: all 600ms;
  -moz-transition: all 600ms;
  transition: all 600ms;
}
header nav.main-navigation.toggled > div > ul > li {
  opacity: 1;
  -webkit-transition: opacity 600ms 400ms;
  -moz-transition: opacity 600ms 400ms;
  transition: opacity 600ms 400ms;
}

.language-navigation > div,
.entry-footer .footer-navigation > div {
  padding-left: 17px !important;
  padding-right: 18px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.language-navigation > div > ul,
.entry-footer .footer-navigation > div > ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 1.5em 0 !important;
}
.language-navigation > div > ul > li,
.entry-footer .footer-navigation > div > ul > li {
  font-size: 0.8em !important;
}
.language-navigation > div > ul > li::before,
.entry-footer .footer-navigation > div > ul > li::before {
  display: none !important;
}
.language-navigation > div > ul > li a,
.entry-footer .footer-navigation > div > ul > li a {
  color: #313131;
  text-decoration: underline;
  padding: 0;
}
.language-navigation > div > ul > li a span,
.entry-footer .footer-navigation > div > ul > li a span {
  vertical-align: top;
}

.entry-footer {
  overflow: hidden;
}

.entry-footer .footer-navigation > div > ul {
  margin: 1em 0 3em 0 !important;
  text-align: right;
}
.entry-footer .footer-navigation > div > ul > li {
  padding: 0 0 0 0.7em;
  display: inline-block;
}

article.bright .entry-footer .footer-navigation > div > ul > li a,
article.bright .language-navigation > div > ul > li a {
  color: #ffffff;
}

/* no full width exceptions */
/* accordion-nav */
.accordion-nav {
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  transition: all 500ms;
}
.accordion-nav nav div ul {
  margin: 0;
  list-style-type: none;
}
.accordion-nav nav div ul li {
  position: relative;
  -webkit-transition: height 500ms;
  -moz-transition: height 500ms;
  transition: height 500ms;
  height: 4em;
  line-height: 4em;
}
@media (min-width: 768px) {
  .accordion-nav nav div ul li {
    float: left;
  }
}
.accordion-nav nav div ul li a {
  font-size: 1.3rem;
  display: block;
  padding: 0 0.4em 0 0.8em;
  position: relative;
  z-index: 10;
  text-decoration: none;
}
@media (min-width: 768px) {
  .accordion-nav nav div ul li a {
    font-size: 1.8rem;
    padding: 0 0.6em 0 0.6em;
  }
}
.accordion-nav nav div ul li.row {
  clear: both;
}
.accordion-nav nav div ul li.row::after {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  position: absolute;
  background: -webkit-linear-gradient(top, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* Standard syntax (must be last) */
  z-index: 10;
  z-index: 100;
  top: 0px;
}
@media (min-width: 768px) {
  .accordion-nav nav div ul li.row a {
    padding: 0 0.6em 0 1.2em;
  }
}
.accordion-nav nav div ul li.row a .item-bg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  bottom: 0;
}
.accordion-nav nav div ul li.row a span {
  position: relative;
  z-index: 10;
}
.accordion-nav nav div ul li.ajax-loading, .accordion-nav nav div ul li.ajax-current {
  height: 0px;
}

/* Page Menu */
.page-menu {
  position: relative;
  top: 100px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 !important;
}
@media (min-width: 576px) {
  .page-menu {
    top: 60px;
  }
}
@media (min-width: 992px) {
  .page-menu {
    top: 100px;
  }
}
.page-menu.page-menu-before {
  position: fixed;
  z-index: 20000;
  opacity: 0;
}
.page-menu.page-menu-before.checked {
  opacity: 1;
}
.page-menu.page-menu-after {
  padding-top: 0;
  top: 0;
}
.page-menu::after {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  position: absolute;
  background: -webkit-linear-gradient(top, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* Standard syntax (must be last) */
  z-index: 10;
  z-index: 100;
  top: calc(100% - 10px);
}
.page-menu h3,
.page-menu li,
.page-menu .page-menu-item {
  position: relative;
  -webkit-transition: height 500ms;
  -moz-transition: height 500ms;
  transition: height 500ms;
  overflow: hidden;
  margin: 0 !important;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: end;
  justify-content: flex-end;
  -ms-flex-direction: column;
  flex-direction: column;
}
.page-menu h3::before,
.page-menu li::before,
.page-menu .page-menu-item::before {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  position: absolute;
  background: -webkit-linear-gradient(top, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* Standard syntax (must be last) */
  z-index: 10;
  z-index: 100;
  top: -10px;
}
.page-menu h3:first-child::before,
.page-menu li:first-child::before,
.page-menu .page-menu-item:first-child::before {
  display: none;
}
.page-menu h3 a,
.page-menu li a,
.page-menu .page-menu-item a {
  font-size: 1.3rem;
  display: block;
  padding: 0 15px 0 15px;
  position: relative;
  z-index: 10;
  text-decoration: none;
  color: #313131;
  width: 100%;
  line-height: 3.5rem;
}
@media (min-width: 576px) {
  .page-menu h3 a,
.page-menu li a,
.page-menu .page-menu-item a {
    padding: 0 25px 0 25px;
  }
}
@media (min-width: 768px) {
  .page-menu h3 a,
.page-menu li a,
.page-menu .page-menu-item a {
    font-size: 1.8rem;
    padding: 0 35px 0 35px;
    line-height: 5rem;
  }
}
@media (min-width: 992px) {
  .page-menu h3 a,
.page-menu li a,
.page-menu .page-menu-item a {
    font-size: 1.8rem;
    padding: 0 45px 0 45px;
  }
}
.page-menu h3.bright a,
.page-menu li.bright a,
.page-menu .page-menu-item.bright a {
  color: #ffffff;
}
.page-menu.noshadow::after {
  display: none;
}
.page-menu.noshadow h3::before {
  display: none;
}

.page-menu-after-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0;
  overflow: visible;
}
.page-menu-after-wrap::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  position: absolute;
  background: -webkit-linear-gradient(top, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* Standard syntax (must be last) */
  z-index: 10;
  z-index: 9000;
  top: -12px;
}
.page-menu-after-wrap.animate {
  -webkit-transition: height 500ms;
  -moz-transition: height 500ms;
  transition: height 500ms;
}
.page-menu-after-wrap.animating::before {
  position: static;
  top: 0;
}
.page-menu-after-wrap:not(.toggled)::before, .page-menu-after-wrap:not(.visible)::before {
  opacity: 0;
}
.page-menu-after-wrap.toggled::before, .page-menu-after-wrap.visible::before {
  opacity: 1;
}
.page-menu-after-wrap.checked {
  opacity: 1;
}
.page-menu-after-wrap .page-menu-after {
  flex: 1 1 auto;
  -ms-flex-line-pack: end;
  justify-content: flex-end;
  overflow: hidden;
  margin: 0 !important;
}
.page-menu-after-wrap .page-menu-after h3,
.page-menu-after-wrap .page-menu-after li,
.page-menu-after-wrap .page-menu-after .page-menu-item {
  -ms-flex-line-pack: start;
  justify-content: flex-start;
  margin: 0 !important;
}
.page-menu-after-wrap .page-menu-after h3::after,
.page-menu-after-wrap .page-menu-after li::after,
.page-menu-after-wrap .page-menu-after .page-menu-item::after {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  position: absolute;
  background: -webkit-linear-gradient(top, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* Standard syntax (must be last) */
  z-index: 10;
  z-index: 100;
  bottom: 0px;
}
.page-menu-after-wrap .footer-nav {
  flex: 1 1 auto;
  -ms-flex-line-pack: start;
  justify-content: flex-start;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-direction: column;
  flex-direction: column;
}
.page-menu-after-wrap .footer-nav > #footer-navigation {
  flex: 1 1 auto;
  -ms-flex-line-pack: start;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.page-menu-after-wrap .footer-nav > #footer-navigation > div {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: hidden;
  -ms-flex-line-pack: start;
  justify-content: flex-start;
  background-color: #f1f3f2;
}
.page-menu-after-wrap .footer-nav > #footer-navigation > div > ul {
  flex: 0 0 auto;
}
.page-menu-after-wrap .footer-nav > #footer-navigation > div.menu-footer-menu-container::after {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  position: absolute;
  background: -webkit-linear-gradient(top, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* Standard syntax (must be last) */
  z-index: 10;
  z-index: 100;
  bottom: 0px;
}
.page-menu-after-wrap .footer-nav > #footer-navigation > div.menu-footer-menu-container > ul li {
  height: auto !important;
  line-height: unset !important;
}
.page-menu-after-wrap .footer-nav > #footer-navigation > div.menu-footer-menu-container > ul li a {
  line-height: 3.5rem;
}
@media (min-width: 768px) {
  .page-menu-after-wrap .footer-nav > #footer-navigation > div.menu-footer-menu-container > ul li a {
    line-height: 5rem;
  }
}
.pmfixed .page-menu-before {
  height: 0px;
}

.end .page-menu-before {
  -webkit-transition: height 500ms;
  -moz-transition: height 500ms;
  transition: height 500ms;
}

.bottomhalf .page-menu-before {
  -webkit-transition: height 300ms;
  -moz-transition: height 300ms;
  transition: height 300ms;
}

/* ajax loader */
.al-wrap {
  position: fixed !important;
  bottom: auto;
  left: 0;
  right: 0;
  background-color: #000;
  z-index: 200 !important;
  overflow: hidden !important;
}
.al-wrap.al-wrap-transition {
  position: absolute !important;
}

.spinner {
  width: 1.7rem;
  height: 1.7rem;
  margin: -0.9rem 0 0 -0.9rem;
  background-color: #313131;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1000;
}

.swiper-slide.bright > .spinner {
  background-color: #ffffff;
}

.post-wrap .ajax-link > .spinner {
  width: 4rem;
  height: 4rem;
  margin: -2rem 0 0 -2rem;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;
  position: absolute;
  top: 47%;
  left: 50%;
  z-index: 1000;
  background-color: #ffffff;
}
@media (min-width: 992px) {
  .post-wrap .ajax-link > .spinner {
    width: 6rem;
    height: 6rem;
    margin: -3rem 0 0 -3rem;
  }
}
.post-wrap .ajax-link[data-bright=dark] > .spinner {
  background-color: #313131;
}

.page-menu-item .ajax-link .spinner {
  width: 1.3rem;
  height: 1.3rem;
  margin: -1rem 0 0 0.5em;
  position: relative;
  left: auto;
  top: 0;
  background-color: #313131;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;
  display: inline-block;
}
@media (min-width: 992px) {
  .page-menu-item .ajax-link .spinner {
    width: 1.5rem;
    height: 1.5rem;
    margin: -0.9rem 0 0 0.5em;
  }
}
.page-menu-item.bright .ajax-link .spinner {
  background-color: #ffffff;
}

.ajax-loader .spinner {
  width: 1.7rem;
  height: 1.7rem;
  margin: -0.9rem 0 0 -0.9rem;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1000;
  background-color: #313131;
}
.ajax-loader .spinner.bright {
  background-color: #ffffff;
}

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
.ajax-loader {
  position: fixed;
  bottom: auto;
  left: 0;
  right: 0;
  background-color: #000;
  z-index: 200;
  overflow: hidden;
}
.ajax-loader::after {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  position: absolute;
  background: -webkit-linear-gradient(top, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* Standard syntax (must be last) */
  z-index: 10;
  z-index: 100;
  bottom: 0px;
}
.ajax-loader.ajax-loader-loading {
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  transition: opacity 500ms;
}

/* visited menu items */
.visited-icon {
  width: 24px;
  height: 24px;
  overflow: visible;
  position: relative;
  border: 1px solid #313131;
  border-radius: 100%;
  margin-top: 0.2rem;
  margin-left: 0.7rem;
  opacity: 0.7;
}
.visited-icon.disabled {
  display: none;
}
.visited-icon canvas {
  -webkit-transform: translateX(-1px) translateY(-1px) rotate(-90deg);
  transform: translateX(-1px) translateY(-1px) rotate(-90deg);
  width: 24px;
  height: 24px;
}
.visited-icon i {
  color: #d1d1d1;
  position: absolute;
  top: 0;
  left: 50%;
  font-size: 1rem;
  line-height: 1.4rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.page-menu h3.bright a .visited-icon,
.page-menu li.bright a .visited-icon,
.page-menu .page-menu-item.bright a .visited-icon {
  border: 2px solid #ffffff;
}

/* Footer Nav */
.footer-nav nav ul,
.footer-nav #footer-navigation ul {
  margin: 0;
  list-style-type: none;
  clear: both;
  overflow: visible;
}
.footer-nav nav ul li,
.footer-nav #footer-navigation ul li {
  position: relative;
  -webkit-transition: height 500ms;
  -moz-transition: height 500ms;
  transition: height 500ms;
  float: left;
  height: 3em;
  line-height: 2em;
}
@media (min-width: 768px) {
  .footer-nav nav ul li,
.footer-nav #footer-navigation ul li {
    height: 4em;
    line-height: 4em;
  }
}
.footer-nav nav ul li.wpml-ls-current-language,
.footer-nav #footer-navigation ul li.wpml-ls-current-language {
  position: absolute;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  height: 0px;
  width: 1px;
}
.footer-nav nav ul li a,
.footer-nav #footer-navigation ul li a {
  font-size: 1.3rem;
  display: block;
  padding: 0 0.4em 0 15px;
  position: relative;
  z-index: 10;
  text-decoration: none;
  color: #313131;
}
@media (min-width: 576px) {
  .footer-nav nav ul li a,
.footer-nav #footer-navigation ul li a {
    padding: 0 0.4em 0 25px;
  }
}
@media (min-width: 768px) {
  .footer-nav nav ul li a,
.footer-nav #footer-navigation ul li a {
    font-size: 1.8rem;
    padding: 0 0.6em 0 0.6em;
  }
}
.footer-nav nav ul li:first-child a,
.footer-nav #footer-navigation ul li:first-child a {
  padding: 0 0.4em 0 15px;
}
@media (min-width: 576px) {
  .footer-nav nav ul li:first-child a,
.footer-nav #footer-navigation ul li:first-child a {
    padding: 0 0.4em 0 25px;
  }
}
@media (min-width: 768px) {
  .footer-nav nav ul li:first-child a,
.footer-nav #footer-navigation ul li:first-child a {
    padding: 0 0.6em 0 35px;
  }
}
@media (min-width: 992px) {
  .footer-nav nav ul li:first-child a,
.footer-nav #footer-navigation ul li:first-child a {
    padding: 0 0.6em 0 45px;
  }
}
.footer-nav nav ul li.color,
.footer-nav #footer-navigation ul li.color {
  width: 0;
  float: left !important;
  height: 2em;
}
@media (min-width: 768px) {
  .footer-nav nav ul li.color,
.footer-nav #footer-navigation ul li.color {
    height: 3em;
  }
}
@media (min-width: 992px) {
  .footer-nav nav ul li.color,
.footer-nav #footer-navigation ul li.color {
    height: 4em;
  }
}
.footer-nav nav ul li.color a,
.footer-nav #footer-navigation ul li.color a {
  width: 100%;
  height: 100%;
  padding: 0;
  text-indent: -9999em;
}
.footer-nav nav ul li.color a .item-bg,
.footer-nav #footer-navigation ul li.color a .item-bg {
  display: block;
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 200%;
}
.footer-nav nav ul li.color a .item-bg.color-violett, .footer-nav nav ul li.color a .item-bg.color-purple,
.footer-nav #footer-navigation ul li.color a .item-bg.color-violett,
.footer-nav #footer-navigation ul li.color a .item-bg.color-purple {
  background-color: #8015b9;
}
.footer-nav nav ul li.color a .item-bg.color-magenta, .footer-nav nav ul li.color a .item-bg.color-magenta-en,
.footer-nav #footer-navigation ul li.color a .item-bg.color-magenta,
.footer-nav #footer-navigation ul li.color a .item-bg.color-magenta-en {
  background-color: #eb00d7;
}
.footer-nav nav ul li.color a .item-bg.color-rot, .footer-nav nav ul li.color a .item-bg.color-red,
.footer-nav #footer-navigation ul li.color a .item-bg.color-rot,
.footer-nav #footer-navigation ul li.color a .item-bg.color-red {
  background-color: #e80000;
}
.footer-nav nav ul li.color a .item-bg.color-orange,
.footer-nav #footer-navigation ul li.color a .item-bg.color-orange {
  background-color: #dc8310;
}
.footer-nav nav ul li.color a .item-bg.color-gelb, .footer-nav nav ul li.color a .item-bg.color-yellow,
.footer-nav #footer-navigation ul li.color a .item-bg.color-gelb,
.footer-nav #footer-navigation ul li.color a .item-bg.color-yellow {
  background-color: #fff701;
}
.footer-nav nav ul li.color a .item-bg.color-grün, .footer-nav nav ul li.color a .item-bg.color-green,
.footer-nav #footer-navigation ul li.color a .item-bg.color-grün,
.footer-nav #footer-navigation ul li.color a .item-bg.color-green {
  background-color: #35dc10;
}
.footer-nav nav ul li.color a .item-bg.color-blau, .footer-nav nav ul li.color a .item-bg.color-blue,
.footer-nav #footer-navigation ul li.color a .item-bg.color-blau,
.footer-nav #footer-navigation ul li.color a .item-bg.color-blue {
  background-color: #4a37e1;
}
.footer-nav nav ul li.color a .item-bg.color-braun, .footer-nav nav ul li.color a .item-bg.color-brown,
.footer-nav #footer-navigation ul li.color a .item-bg.color-braun,
.footer-nav #footer-navigation ul li.color a .item-bg.color-brown {
  background-color: #bc6400;
}
.footer-nav nav ul li.color a .item-bg.color-weiss, .footer-nav nav ul li.color a .item-bg.color-white,
.footer-nav #footer-navigation ul li.color a .item-bg.color-weiss,
.footer-nav #footer-navigation ul li.color a .item-bg.color-white {
  background-color: #ffffff;
}
.footer-nav nav ul li.color a .item-bg.color-grau, .footer-nav nav ul li.color a .item-bg.color-grey,
.footer-nav #footer-navigation ul li.color a .item-bg.color-grau,
.footer-nav #footer-navigation ul li.color a .item-bg.color-grey {
  background-color: #808080;
}
.footer-nav nav ul li.color a .item-bg.color-schwarz, .footer-nav nav ul li.color a .item-bg.color-black,
.footer-nav #footer-navigation ul li.color a .item-bg.color-schwarz,
.footer-nav #footer-navigation ul li.color a .item-bg.color-black {
  background-color: #000000;
}

/* content */
.site {
  top: 0;
  position: relative;
}

.site-content .page-content, .site-content .entry-content {
  margin: 0;
}

.site-content main > article,
.ajax-loader > article {
  margin-bottom: 0;
}
.site-content main > article > .entry-header,
.ajax-loader > article > .entry-header {
  padding-left: 12px;
  padding-right: 12px;
}
@media (min-width: 768px) {
  .site-content main > article > .entry-header,
.ajax-loader > article > .entry-header {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .site-content main > article > .entry-header,
.ajax-loader > article > .entry-header {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1200px) {
  .site-content main > article > .entry-header,
.ajax-loader > article > .entry-header {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.site-content main > article > .entry-header .breadcrumbs,
.ajax-loader > article > .entry-header .breadcrumbs {
  position: absolute;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  height: 0px;
  width: 1px;
}
.site-content main > article > .entry-header h1,
.ajax-loader > article > .entry-header h1 {
  display: inline-block;
}
.site-content main > article .entry-meta,
.ajax-loader > article .entry-meta {
  color: #a3a4a5;
  margin-top: 1em;
}
.site-content main > article .entry-footer,
.ajax-loader > article .entry-footer {
  margin-top: 1em;
}
.site-content main > article .entry-footer .cat-links,
.site-content main > article .entry-footer .tags-links,
.ajax-loader > article .entry-footer .cat-links,
.ajax-loader > article .entry-footer .tags-links {
  display: block;
  clear: both;
  white-space: normal;
  font-size: 0.8em;
  margin-bottom: 1em;
}
.site-content main > article .entry-footer .cat-links a,
.site-content main > article .entry-footer .tags-links a,
.ajax-loader > article .entry-footer .cat-links a,
.ajax-loader > article .entry-footer .tags-links a {
  background-color: #cccccc;
  text-decoration: none;
  border-radius: 1em;
  color: #ffffff;
  padding: 0 1em;
  line-height: 2em;
  white-space: nowrap;
  display: inline-block;
  margin-bottom: 0.5em;
  margin-right: 0.2em;
}
.site-content main > article .entry-footer .cat-links a:hover, .site-content main > article .entry-footer .cat-links a:visited:hover,
.site-content main > article .entry-footer .tags-links a:hover,
.site-content main > article .entry-footer .tags-links a:visited:hover,
.ajax-loader > article .entry-footer .cat-links a:hover,
.ajax-loader > article .entry-footer .cat-links a:visited:hover,
.ajax-loader > article .entry-footer .tags-links a:hover,
.ajax-loader > article .entry-footer .tags-links a:visited:hover {
  background-color: #cccccc;
}
.site-content main > article .entry-footer .cat-links a:first-child,
.site-content main > article .entry-footer .tags-links a:first-child,
.ajax-loader > article .entry-footer .cat-links a:first-child,
.ajax-loader > article .entry-footer .tags-links a:first-child {
  clear: both;
}
.site-content main > article .entry-footer .cat-links ul,
.site-content main > article .entry-footer .tags-links ul,
.ajax-loader > article .entry-footer .cat-links ul,
.ajax-loader > article .entry-footer .tags-links ul {
  list-style-type: none;
  margin: 0;
  clear: both;
}
.site-content main > article .entry-footer .cat-links ul li,
.site-content main > article .entry-footer .tags-links ul li,
.ajax-loader > article .entry-footer .cat-links ul li,
.ajax-loader > article .entry-footer .tags-links ul li {
  float: left;
}
.site-content main > article.dark > .entry-content > p > a,
.ajax-loader > article.dark > .entry-content > p > a {
  color: #313131;
}
.site-content main article.type-page,
.site-content main article.type-color,
.ajax-loader article.type-page,
.ajax-loader article.type-color {
  -webkit-transition: background-color 400ms;
  -moz-transition: background-color 400ms;
  transition: background-color 400ms;
  width: 100%;
  padding-bottom: 0em;
  overflow: visible;
  position: relative;
}
.site-content main article.type-page > *,
.site-content main article.type-color > *,
.ajax-loader article.type-page > *,
.ajax-loader article.type-color > * {
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 576px) {
  .site-content main article.type-page > *,
.site-content main article.type-color > *,
.ajax-loader article.type-page > *,
.ajax-loader article.type-color > * {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) {
  .site-content main article.type-page > *,
.site-content main article.type-color > *,
.ajax-loader article.type-page > *,
.ajax-loader article.type-color > * {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 992px) {
  .site-content main article.type-page > *,
.site-content main article.type-color > *,
.ajax-loader article.type-page > *,
.ajax-loader article.type-color > * {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1200px) {
  .site-content main article.type-page > *,
.site-content main article.type-color > *,
.ajax-loader article.type-page > *,
.ajax-loader article.type-color > * {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.site-content main article.type-page > * > h1, .site-content main article.type-page > * > h2, .site-content main article.type-page > * > h3, .site-content main article.type-page > * > .parent-title,
.site-content main article.type-color > * > h1,
.site-content main article.type-color > * > h2,
.site-content main article.type-color > * > h3,
.site-content main article.type-color > * > .parent-title,
.ajax-loader article.type-page > * > h1,
.ajax-loader article.type-page > * > h2,
.ajax-loader article.type-page > * > h3,
.ajax-loader article.type-page > * > .parent-title,
.ajax-loader article.type-color > * > h1,
.ajax-loader article.type-color > * > h2,
.ajax-loader article.type-color > * > h3,
.ajax-loader article.type-color > * > .parent-title {
  padding-left: 17px;
  padding-right: 18px;
}
.site-content main article.type-page > .entry-content > p, .site-content main article.type-page > .entry-content > ol, .site-content main article.type-page > .entry-content > ul,
.site-content main article.type-color > .entry-content > p,
.site-content main article.type-color > .entry-content > ol,
.site-content main article.type-color > .entry-content > ul,
.ajax-loader article.type-page > .entry-content > p,
.ajax-loader article.type-page > .entry-content > ol,
.ajax-loader article.type-page > .entry-content > ul,
.ajax-loader article.type-color > .entry-content > p,
.ajax-loader article.type-color > .entry-content > ol,
.ajax-loader article.type-color > .entry-content > ul {
  padding-left: 17px;
  padding-right: 18px;
}
@media (min-width: 992px) {
  .site-content main article.type-page > .entry-content > p, .site-content main article.type-page > .entry-content > ol, .site-content main article.type-page > .entry-content > ul,
.site-content main article.type-color > .entry-content > p,
.site-content main article.type-color > .entry-content > ol,
.site-content main article.type-color > .entry-content > ul,
.ajax-loader article.type-page > .entry-content > p,
.ajax-loader article.type-page > .entry-content > ol,
.ajax-loader article.type-page > .entry-content > ul,
.ajax-loader article.type-color > .entry-content > p,
.ajax-loader article.type-color > .entry-content > ol,
.ajax-loader article.type-color > .entry-content > ul {
    max-width: 80%;
  }
}
.site-content main article.type-page > .entry-content > .btn,
.site-content main article.type-color > .entry-content > .btn,
.ajax-loader article.type-page > .entry-content > .btn,
.ajax-loader article.type-color > .entry-content > .btn {
  margin-left: 17px;
}
.site-content main article.type-page.parent-page,
.site-content main article.type-color.parent-page,
.ajax-loader article.type-page.parent-page,
.ajax-loader article.type-color.parent-page {
  position: relative;
  padding-top: 1.5em;
}
.site-content main article.type-page.parent-page::before,
.site-content main article.type-color.parent-page::before,
.ajax-loader article.type-page.parent-page::before,
.ajax-loader article.type-color.parent-page::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  position: absolute;
  background: -webkit-linear-gradient(top, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.2)); /* Standard syntax (must be last) */
  z-index: 10;
  z-index: 100;
  top: -12px;
}
.site-content main section.layout-default,
.ajax-loader section.layout-default {
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
}
@media (min-width: 992px) {
  .site-content main section.layout-default,
.ajax-loader section.layout-default {
    width: 75%;
    padding-right: 3rem;
  }
}
@media (min-width: 992px) {
  .site-content main section.layout-default,
.ajax-loader section.layout-default {
    margin-left: 300px;
    margin-left: 25%;
  }
}
@media (min-width: 1200px) {
  .site-content main section.layout-default,
.ajax-loader section.layout-default {
    margin-left: 300px;
  }
}
.site-content main .nav-links,
.ajax-loader .nav-links {
  line-height: 1.75em;
}
.site-content main .nav-links i,
.ajax-loader .nav-links i {
  font-size: 1.7em;
  position: absolute;
}
.site-content main .nav-links .nav-previous i,
.ajax-loader .nav-links .nav-previous i {
  left: 5px;
  top: 1px;
}
.site-content main .nav-links .nav-previous a,
.ajax-loader .nav-links .nav-previous a {
  padding-left: 2.5em;
}
.site-content main .nav-links .nav-next i,
.ajax-loader .nav-links .nav-next i {
  right: 5px;
  top: 1px;
}
.site-content main .nav-links .nav-next a,
.ajax-loader .nav-links .nav-next a {
  padding-right: 2.5em;
}

.site-content main > article.bright > .entry-content > p, .site-content main > article.bright > .entry-content > ul, .site-content main > article.bright > .entry-content > a {
  color: #ffffff;
}

/* Slider */
.home .swiper-container {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}

.home.intro-off .swiper-container {
  opacity: 0;
}

.swiper-container.intro .swiper-wrapper .swiper-slide img,
.swiper-container.intro .swiper-wrapper .swiper-slide video {
  width: 100%;
  height: auto;
}

.swiper-container:not(.gallery-top):not(.gallery-thumbs):not(.container):not(.simple-section-swiper):not(.project-swiper) {
  width: 100%;
}
.swiper-container:not(.gallery-top):not(.gallery-thumbs):not(.container):not(.simple-section-swiper):not(.project-swiper) .swiper-wrapper {
  height: 100%;
}
.swiper-container:not(.gallery-top):not(.gallery-thumbs):not(.container):not(.simple-section-swiper):not(.project-swiper) .swiper-wrapper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
}
.swiper-container:not(.gallery-top):not(.gallery-thumbs):not(.container):not(.simple-section-swiper):not(.project-swiper) .swiper-wrapper .swiper-slide img.lazy-hidden {
  display: block !important;
  opacity: 1 !important;
}
.swiper-container:not(.gallery-top):not(.gallery-thumbs):not(.container):not(.simple-section-swiper):not(.project-swiper) .swiper-pagination {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  height: 8%;
  text-align: center;
}
@media only screen and (max-width: 1300px) {
  .swiper-container:not(.gallery-top):not(.gallery-thumbs):not(.container):not(.simple-section-swiper):not(.project-swiper) .swiper-pagination {
    bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .swiper-container:not(.gallery-top):not(.gallery-thumbs):not(.container):not(.simple-section-swiper):not(.project-swiper) .swiper-pagination {
    bottom: 15px;
  }
}
@media only screen and (max-width: 620px) {
  .swiper-container:not(.gallery-top):not(.gallery-thumbs):not(.container):not(.simple-section-swiper):not(.project-swiper) .swiper-pagination {
    bottom: 0;
  }
}
.swiper-container:not(.gallery-top):not(.gallery-thumbs):not(.container):not(.simple-section-swiper):not(.project-swiper) .swiper-pagination-bullet {
  background-color: #e0e0e0;
  border: none;
  width: 14px;
  height: 14px;
  top: 40%;
  display: inline-block;
  position: relative;
  opacity: 1;
}
@media only screen and (max-width: 620px) {
  .swiper-container:not(.gallery-top):not(.gallery-thumbs):not(.container):not(.simple-section-swiper):not(.project-swiper) .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    top: -2px;
  }
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 12px 0 12px;
}

.swiper-pagination-bullet-active {
  background-color: #484647;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 45%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 50px 50px;
  -webkit-background-size: 50px 50px;
  background-size: 50px 50px;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.7;
  display: block;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
  opacity: 0.9;
}

@media only screen and (max-width: 1023px) {
  .swiper-button-next, .swiper-button-prev {
    display: none;
  }
}
.swiper-container.gallery-top {
  height: auto;
}
.swiper-container.gallery-top .swiper-wrapper {
  height: auto;
}
.swiper-container.gallery-top .swiper-wrapper .swiper-slide {
  height: auto;
}
.swiper-container.gallery-top .swiper-wrapper .swiper-slide img {
  display: block;
}

.swiper-container.gallery-thumbs {
  box-sizing: border-box;
  padding: 1px 0;
  margin-right: 1px;
}
.swiper-container.gallery-thumbs .swiper-slide {
  width: 20%;
  opacity: 0.6;
  cursor: pointer;
}
.swiper-container.gallery-thumbs .swiper-slide img {
  display: block;
}
.swiper-container.gallery-thumbs .swiper-slide-active {
  opacity: 1;
}
.simple-section {
  overflow: hidden;
}
.simple-section .swiper-container {
  overflow: visible;
  height: auto !important;
  max-width: 100%;
}
.simple-section .swiper-container .swiper-wrapper .swiper-slide {
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  transition: opacity 500ms;
  opacity: 0;
  background: none;
  position: relative;
  box-sizing: border-box;
}
.simple-section .swiper-container .swiper-wrapper .swiper-slide article {
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .simple-section .swiper-container .swiper-wrapper .swiper-slide article {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 992px) {
  .simple-section .swiper-container .swiper-wrapper .swiper-slide article {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.simple-section .swiper-container .swiper-wrapper .swiper-slide .post-inner {
  padding: 0;
}
.simple-section .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.simple-section .swiper-container .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  display: block !important;
}
.simple-section .swiper-container .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  display: block !important;
}

.slide-caption {
  position: absolute;
  bottom: 45px;
  left: 50px;
  display: inline-block;
  z-index: 100;
  background: #cccccc;
}
@media only screen and (max-width: 768px) {
  .slide-caption {
    bottom: 20px;
    left: 30px;
  }
}
@media only screen and (max-width: 620px) {
  .slide-caption {
    bottom: 15px;
    margin: 0 0 10px 0;
    left: 10px;
  }
}
.slide-caption p {
  font-family: "varela_roundregular", sans-serif;
  font-weight: 400;
  color: #ffffff;
  padding: 0.4em 0.75em;
  margin: 0;
  font-size: 1.1em;
  position: relative;
  z-index: 100;
}
@media only screen and (min-width: 620px) {
  .slide-caption p {
    padding: 0.4em 0.75em;
    font-size: 1.3em;
  }
}
@media only screen and (min-width: 768px) {
  .slide-caption p {
    font-size: 1.6em;
  }
}
@media only screen and (min-width: 1024px) {
  .slide-caption p {
    padding: 0.4em 0.75em;
    font-size: 2.2em;
  }
}

/* Content */
.category-header {
  width: 100%;
  text-align: center;
  margin: 0;
}

/* post teasers defaults */
.post-thumbnail {
  width: 100%;
  height: 230px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 576px) {
  .post-thumbnail {
    height: 300px;
  }
}
@media (min-width: 768px) {
  .post-thumbnail {
    height: 400px;
  }
}
@media (min-width: 992px) {
  .post-thumbnail {
    height: 400px;
  }
}
@media (min-width: 1200px) {
  .post-thumbnail {
    height: 400px;
  }
}
@media (min-width: 2000px) {
  .post-thumbnail {
    height: 600px;
  }
}
.post-thumbnail img {
  width: 100%;
  max-width: 10000px;
  height: auto;
  display: block;
  position: absolute;
  margin: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.col .post-thumbnail {
  height: auto;
}
.col .post-thumbnail img {
  /* override cover-image() mixin */
  position: relative;
  top: 0;
  left: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  /* */
}

.padding-1 {
  padding: 0;
}

.padding-2 {
  padding: 0;
}

.padding-3 {
  padding: 0;
}

.padding-4 {
  padding: 0;
}

.padding-5 {
  padding: 0;
}

@media (min-width: 576px) {
  .padding-1 {
    padding: 0.2em 0;
  }
  .padding-2 {
    padding: 0.6em 0;
  }
  .padding-3 {
    padding: 1.4em 0;
  }
  .padding-4 {
    padding: 2em 0;
  }
  .padding-5 {
    padding: 2.5em 0;
  }
}
@media (min-width: 768px) {
  .padding-1 {
    padding: 1em 0;
  }
  .padding-2 {
    padding: 2em 0;
  }
  .padding-3 {
    padding: 3em 0;
  }
  .padding-4 {
    padding: 4em 0;
  }
  .padding-5 {
    padding: 5em 0;
  }
}
@media (min-width: 992px) {
  .padding-1 {
    padding: 1em 0;
  }
  .padding-2 {
    padding: 2em 0;
  }
  .padding-3 {
    padding: 3em 0;
  }
  .padding-4 {
    padding: 4em 0;
  }
  .padding-5 {
    padding: 5em 0;
  }
}
.post-section {
  padding: 0;
}
.post-section.padding-1 {
  padding: 0;
}
.post-section.padding-2 {
  padding: 0;
}
.post-section.padding-3 {
  padding: 0;
}
.post-section.padding-4 {
  padding: 0;
}
@media (min-width: 576px) {
  .post-section.padding-1 {
    padding: 0.2em 0.1em;
  }
  .post-section.padding-2 {
    padding: 0.6em 0.3em;
  }
  .post-section.padding-3 {
    padding: 1.4em 0.7em;
  }
  .post-section.padding-4 {
    padding: 2em 1em;
  }
}
@media (min-width: 768px) {
  .post-section.padding-1 {
    padding: 1em 0.5em;
  }
  .post-section.padding-2 {
    padding: 0.2em 0.1em;
  }
  .post-section.padding-3 {
    padding: 3em 1.5em;
  }
  .post-section.padding-4 {
    padding: 4em 2em;
  }
}
@media (min-width: 992px) {
  .post-section.padding-1 {
    padding: 2em 1em;
  }
  .post-section.padding-2 {
    padding: 4em 2em;
  }
  .post-section.padding-3 {
    padding: 6em 3em;
  }
  .post-section.padding-4 {
    padding: 8em 4em;
  }
}

.nav-section {
  padding: 0;
  text-align: center;
  margin: 0 auto;
}
.nav-section.padding-1 {
  padding: 0;
}
.nav-section.padding-2 {
  padding: 0;
}
.nav-section.padding-3 {
  padding: 0;
}
.nav-section.padding-4 {
  padding: 0;
}
@media (min-width: 576px) {
  .nav-section.padding-1 {
    padding: 0.2em 0;
  }
  .nav-section.padding-2 {
    padding: 0.6em 0;
  }
  .nav-section.padding-3 {
    padding: 1.4em 0;
  }
  .nav-section.padding-4 {
    padding: 2em 0;
  }
}
@media (min-width: 768px) {
  .nav-section.padding-1 {
    padding: 1em 0;
  }
  .nav-section.padding-2 {
    padding: 2em 0;
  }
  .nav-section.padding-3 {
    padding: 3em 0;
  }
  .nav-section.padding-4 {
    padding: 4em 0;
  }
}
@media (min-width: 992px) {
  .nav-section.padding-1 {
    padding: 1em 0;
  }
  .nav-section.padding-2 {
    padding: 2em 0;
  }
  .nav-section.padding-3 {
    padding: 3em 0;
  }
  .nav-section.padding-4 {
    padding: 4em 0;
  }
}
.nav-section ul {
  list-style-type: none;
  padding: 0 1em;
  margin: 0 auto;
}
.nav-section ul li {
  position: relative;
  border-bottom: 1px rgba(255, 255, 255, 0.3) solid;
  padding: 1em 2em;
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  .nav-section ul li {
    padding: 1em 5em;
  }
}
.nav-section ul li:first-child {
  border-top: 1px rgba(255, 255, 255, 0.3) solid;
}
.nav-section ul li .entry-fields {
  margin-bottom: 0.7em;
  font-size: 1.3rem;
}
.nav-section ul li span {
  display: none;
}
.nav-section ul li i {
  position: absolute;
  top: 0.5em;
  left: 0.2em;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .nav-section ul li i {
    top: 0.2em;
    left: 0.5em;
    font-size: 2.4rem;
  }
}
.nav-section ul li a {
  font-family: "varela_roundregular", sans-serif;
  text-decoration: none;
  color: #313131;
  padding: 0 20px 0 20px;
  margin-bottom: 0.5em;
  display: block;
  line-height: 1.3em;
  font-size: 1.3rem;
}
.nav-section ul li a:hover {
  text-decoration: underline;
}
.nav-section ul li p {
  margin-bottom: 0;
}
.nav-section .btn {
  margin: 2em 0 3em 0;
}

.post-wrap,
.widget {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 15px;
  position: relative;
}
.post-wrap .post-inner,
.post-wrap .widget-inner,
.widget .post-inner,
.widget .widget-inner {
  display: block;
  padding: 0;
  position: relative;
  width: 100%;
  background-color: transparent;
  -webkit-transition: background-color 500ms;
  -moz-transition: background-color 500ms;
  transition: background-color 500ms;
}
.post-wrap .post-inner article.post,
.post-wrap .post-inner article.type-post,
.post-wrap .widget-inner article.post,
.post-wrap .widget-inner article.type-post,
.widget .post-inner article.post,
.widget .post-inner article.type-post,
.widget .widget-inner article.post,
.widget .widget-inner article.type-post {
  display: block;
}
.post-wrap .post-inner article.post > a,
.post-wrap .post-inner article.type-post > a,
.post-wrap .widget-inner article.post > a,
.post-wrap .widget-inner article.type-post > a,
.widget .post-inner article.post > a,
.widget .post-inner article.type-post > a,
.widget .widget-inner article.post > a,
.widget .widget-inner article.type-post > a {
  display: block;
  text-decoration: none;
  color: #313131;
  text-align: center;
}
.post-wrap .post-inner article.post .entry-image,
.post-wrap .post-inner article.type-post .entry-image,
.post-wrap .widget-inner article.post .entry-image,
.post-wrap .widget-inner article.type-post .entry-image,
.widget .post-inner article.post .entry-image,
.widget .post-inner article.type-post .entry-image,
.widget .widget-inner article.post .entry-image,
.widget .widget-inner article.type-post .entry-image {
  padding-bottom: 0.3em;
}
.post-wrap .post-inner article.post .entry-image .thumb-bg,
.post-wrap .post-inner article.type-post .entry-image .thumb-bg,
.post-wrap .widget-inner article.post .entry-image .thumb-bg,
.post-wrap .widget-inner article.type-post .entry-image .thumb-bg,
.widget .post-inner article.post .entry-image .thumb-bg,
.widget .post-inner article.type-post .entry-image .thumb-bg,
.widget .widget-inner article.post .entry-image .thumb-bg,
.widget .widget-inner article.type-post .entry-image .thumb-bg {
  position: relative;
  width: 100%;
  display: block;
}
.post-wrap .post-inner article.post .entry-image figure,
.post-wrap .post-inner article.type-post .entry-image figure,
.post-wrap .widget-inner article.post .entry-image figure,
.post-wrap .widget-inner article.type-post .entry-image figure,
.widget .post-inner article.post .entry-image figure,
.widget .post-inner article.type-post .entry-image figure,
.widget .widget-inner article.post .entry-image figure,
.widget .widget-inner article.type-post .entry-image figure {
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 1;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  transition: opacity 500ms;
}
.post-wrap .post-inner article.post .entry-image img,
.post-wrap .post-inner article.type-post .entry-image img,
.post-wrap .widget-inner article.post .entry-image img,
.post-wrap .widget-inner article.type-post .entry-image img,
.widget .post-inner article.post .entry-image img,
.widget .post-inner article.type-post .entry-image img,
.widget .widget-inner article.post .entry-image img,
.widget .widget-inner article.type-post .entry-image img {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  transition: opacity 500ms;
}
.post-wrap .post-inner article.post .entry-image img.lazy,
.post-wrap .post-inner article.type-post .entry-image img.lazy,
.post-wrap .widget-inner article.post .entry-image img.lazy,
.post-wrap .widget-inner article.type-post .entry-image img.lazy,
.widget .post-inner article.post .entry-image img.lazy,
.widget .post-inner article.type-post .entry-image img.lazy,
.widget .widget-inner article.post .entry-image img.lazy,
.widget .widget-inner article.type-post .entry-image img.lazy {
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  transition: opacity 500ms;
}
.post-wrap .post-inner article.post .entry-header,
.post-wrap .post-inner article.type-post .entry-header,
.post-wrap .widget-inner article.post .entry-header,
.post-wrap .widget-inner article.type-post .entry-header,
.widget .post-inner article.post .entry-header,
.widget .post-inner article.type-post .entry-header,
.widget .widget-inner article.post .entry-header,
.widget .widget-inner article.type-post .entry-header {
  height: auto;
  min-height: 3.5em;
  display: -ms-flexbox;
  display: flex;
  padding: 0 2rem;
  text-align: center;
  justify-content: center;
  -ms-flex-pack: center;
}
@media (min-width: 992px) {
  .post-wrap .post-inner article.post .entry-header,
.post-wrap .post-inner article.type-post .entry-header,
.post-wrap .widget-inner article.post .entry-header,
.post-wrap .widget-inner article.type-post .entry-header,
.widget .post-inner article.post .entry-header,
.widget .post-inner article.type-post .entry-header,
.widget .widget-inner article.post .entry-header,
.widget .widget-inner article.type-post .entry-header {
    min-height: 3em;
  }
}
.post-wrap .post-inner article.post .entry-header .entry-title,
.post-wrap .post-inner article.type-post .entry-header .entry-title,
.post-wrap .widget-inner article.post .entry-header .entry-title,
.post-wrap .widget-inner article.type-post .entry-header .entry-title,
.widget .post-inner article.post .entry-header .entry-title,
.widget .post-inner article.type-post .entry-header .entry-title,
.widget .widget-inner article.post .entry-header .entry-title,
.widget .widget-inner article.type-post .entry-header .entry-title {
  color: #313131;
  margin: 0.15em 0 0 0;
  padding: 0;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.2em;
  display: inline-block;
}
@media (min-width: 768px) {
  .post-wrap .post-inner article.post .entry-header .entry-title,
.post-wrap .post-inner article.type-post .entry-header .entry-title,
.post-wrap .widget-inner article.post .entry-header .entry-title,
.post-wrap .widget-inner article.type-post .entry-header .entry-title,
.widget .post-inner article.post .entry-header .entry-title,
.widget .post-inner article.type-post .entry-header .entry-title,
.widget .widget-inner article.post .entry-header .entry-title,
.widget .widget-inner article.type-post .entry-header .entry-title {
    font-size: 1.3rem;
  }
}
@media (min-width: 992px) {
  .post-wrap .post-inner article.post .entry-header .entry-title,
.post-wrap .post-inner article.type-post .entry-header .entry-title,
.post-wrap .widget-inner article.post .entry-header .entry-title,
.post-wrap .widget-inner article.type-post .entry-header .entry-title,
.widget .post-inner article.post .entry-header .entry-title,
.widget .post-inner article.type-post .entry-header .entry-title,
.widget .widget-inner article.post .entry-header .entry-title,
.widget .widget-inner article.type-post .entry-header .entry-title {
    font-size: 1.3rem;
  }
}
@media (min-width: 2000px) {
  .post-wrap .post-inner article.post .entry-header .entry-title,
.post-wrap .post-inner article.type-post .entry-header .entry-title,
.post-wrap .widget-inner article.post .entry-header .entry-title,
.post-wrap .widget-inner article.type-post .entry-header .entry-title,
.widget .post-inner article.post .entry-header .entry-title,
.widget .post-inner article.type-post .entry-header .entry-title,
.widget .widget-inner article.post .entry-header .entry-title,
.widget .widget-inner article.type-post .entry-header .entry-title {
    font-size: 1.3rem;
  }
}
@media (min-width: 2000px) {
  .post-wrap .post-inner article.post .entry-header .entry-title,
.post-wrap .post-inner article.type-post .entry-header .entry-title,
.post-wrap .widget-inner article.post .entry-header .entry-title,
.post-wrap .widget-inner article.type-post .entry-header .entry-title,
.widget .post-inner article.post .entry-header .entry-title,
.widget .post-inner article.type-post .entry-header .entry-title,
.widget .widget-inner article.post .entry-header .entry-title,
.widget .widget-inner article.type-post .entry-header .entry-title {
    margin: 0;
    font-size: 1.4rem;
  }
}
.post-wrap .post-inner article.post .entry-header .entry-title a,
.post-wrap .post-inner article.type-post .entry-header .entry-title a,
.post-wrap .widget-inner article.post .entry-header .entry-title a,
.post-wrap .widget-inner article.type-post .entry-header .entry-title a,
.widget .post-inner article.post .entry-header .entry-title a,
.widget .post-inner article.type-post .entry-header .entry-title a,
.widget .widget-inner article.post .entry-header .entry-title a,
.widget .widget-inner article.type-post .entry-header .entry-title a {
  text-decoration: none;
}
.post-wrap .post-inner article.post .entry-header p,
.post-wrap .post-inner article.type-post .entry-header p,
.post-wrap .widget-inner article.post .entry-header p,
.post-wrap .widget-inner article.type-post .entry-header p,
.widget .post-inner article.post .entry-header p,
.widget .post-inner article.type-post .entry-header p,
.widget .widget-inner article.post .entry-header p,
.widget .widget-inner article.type-post .entry-header p {
  margin: 0.7em 0 0 0;
}
.post-wrap .post-inner article.post .entry-header .entry-meta,
.post-wrap .post-inner article.type-post .entry-header .entry-meta,
.post-wrap .widget-inner article.post .entry-header .entry-meta,
.post-wrap .widget-inner article.type-post .entry-header .entry-meta,
.widget .post-inner article.post .entry-header .entry-meta,
.widget .post-inner article.type-post .entry-header .entry-meta,
.widget .widget-inner article.post .entry-header .entry-meta,
.widget .widget-inner article.type-post .entry-header .entry-meta {
  padding: 0;
  margin: 0.7em 0 0 0;
}
.post-wrap .post-inner article.post .entry-header p.post-terms,
.post-wrap .post-inner article.type-post .entry-header p.post-terms,
.post-wrap .widget-inner article.post .entry-header p.post-terms,
.post-wrap .widget-inner article.type-post .entry-header p.post-terms,
.widget .post-inner article.post .entry-header p.post-terms,
.widget .post-inner article.type-post .entry-header p.post-terms,
.widget .widget-inner article.post .entry-header p.post-terms,
.widget .widget-inner article.type-post .entry-header p.post-terms {
  margin: 0 0 0.2em 0;
}
.post-wrap .post-inner article.post .entry-content,
.post-wrap .post-inner article.type-post .entry-content,
.post-wrap .widget-inner article.post .entry-content,
.post-wrap .widget-inner article.type-post .entry-content,
.widget .post-inner article.post .entry-content,
.widget .post-inner article.type-post .entry-content,
.widget .widget-inner article.post .entry-content,
.widget .widget-inner article.type-post .entry-content {
  margin: 0.7em 0 0 0;
  font-size: 0.9em;
}
.post-wrap .post-inner article.post .entry-content p,
.post-wrap .post-inner article.type-post .entry-content p,
.post-wrap .widget-inner article.post .entry-content p,
.post-wrap .widget-inner article.type-post .entry-content p,
.widget .post-inner article.post .entry-content p,
.widget .post-inner article.type-post .entry-content p,
.widget .widget-inner article.post .entry-content p,
.widget .widget-inner article.type-post .entry-content p {
  margin-bottom: 1em;
  margin-top: 0 !important;
  padding: 0;
}
.post-wrap .post-inner article.post .entry-fields,
.post-wrap .post-inner article.type-post .entry-fields,
.post-wrap .widget-inner article.post .entry-fields,
.post-wrap .widget-inner article.type-post .entry-fields,
.widget .post-inner article.post .entry-fields,
.widget .post-inner article.type-post .entry-fields,
.widget .widget-inner article.post .entry-fields,
.widget .widget-inner article.type-post .entry-fields {
  margin: 0 0 1.5em 0;
}
.post-wrap .post-inner article.post .entry-fields p,
.post-wrap .post-inner article.type-post .entry-fields p,
.post-wrap .widget-inner article.post .entry-fields p,
.post-wrap .widget-inner article.type-post .entry-fields p,
.widget .post-inner article.post .entry-fields p,
.widget .post-inner article.type-post .entry-fields p,
.widget .widget-inner article.post .entry-fields p,
.widget .widget-inner article.type-post .entry-fields p {
  margin: 0;
  display: inline-block;
}
.post-wrap .post-inner article.post .entry-fields p::after,
.post-wrap .post-inner article.type-post .entry-fields p::after,
.post-wrap .widget-inner article.post .entry-fields p::after,
.post-wrap .widget-inner article.type-post .entry-fields p::after,
.widget .post-inner article.post .entry-fields p::after,
.widget .post-inner article.type-post .entry-fields p::after,
.widget .widget-inner article.post .entry-fields p::after,
.widget .widget-inner article.type-post .entry-fields p::after {
  content: ", ";
}
.post-wrap .post-inner article.post .entry-fields p:last-child::after,
.post-wrap .post-inner article.type-post .entry-fields p:last-child::after,
.post-wrap .widget-inner article.post .entry-fields p:last-child::after,
.post-wrap .widget-inner article.type-post .entry-fields p:last-child::after,
.widget .post-inner article.post .entry-fields p:last-child::after,
.widget .post-inner article.type-post .entry-fields p:last-child::after,
.widget .widget-inner article.post .entry-fields p:last-child::after,
.widget .widget-inner article.type-post .entry-fields p:last-child::after {
  content: "";
  display: none;
}
.post-wrap .post-inner article.post .btn,
.post-wrap .post-inner article.type-post .btn,
.post-wrap .widget-inner article.post .btn,
.post-wrap .widget-inner article.type-post .btn,
.widget .post-inner article.post .btn,
.widget .post-inner article.type-post .btn,
.widget .widget-inner article.post .btn,
.widget .widget-inner article.type-post .btn {
  margin: 0 0 0 0;
  position: relative;
  left: 0;
  -webkit-transform: none;
  transform: none;
  white-space: nowrap;
}
.post-wrap .post-inner article.post-type-quote_post_type,
.post-wrap .widget-inner article.post-type-quote_post_type,
.widget .post-inner article.post-type-quote_post_type,
.widget .widget-inner article.post-type-quote_post_type {
  font-size: 0.6em;
}
@media (min-width: 768px) {
  .post-wrap .post-inner article.post-type-quote_post_type,
.post-wrap .widget-inner article.post-type-quote_post_type,
.widget .post-inner article.post-type-quote_post_type,
.widget .widget-inner article.post-type-quote_post_type {
    font-size: 0.8em;
  }
}
@media (min-width: 992px) {
  .post-wrap .post-inner article.post-type-quote_post_type,
.post-wrap .widget-inner article.post-type-quote_post_type,
.widget .post-inner article.post-type-quote_post_type,
.widget .widget-inner article.post-type-quote_post_type {
    font-size: 1em;
  }
}
.post-wrap .post-inner article.post-type-quote_post_type .entry-header,
.post-wrap .widget-inner article.post-type-quote_post_type .entry-header,
.widget .post-inner article.post-type-quote_post_type .entry-header,
.widget .widget-inner article.post-type-quote_post_type .entry-header {
  position: absolute;
  bottom: -10px;
}
.post-wrap .post-inner article.post-type-quote_post_type .entry-header h2, .post-wrap .post-inner article.post-type-quote_post_type .entry-header h3, .post-wrap .post-inner article.post-type-quote_post_type .entry-header h4, .post-wrap .post-inner article.post-type-quote_post_type .entry-header h5, .post-wrap .post-inner article.post-type-quote_post_type .entry-header h6,
.post-wrap .widget-inner article.post-type-quote_post_type .entry-header h2,
.post-wrap .widget-inner article.post-type-quote_post_type .entry-header h3,
.post-wrap .widget-inner article.post-type-quote_post_type .entry-header h4,
.post-wrap .widget-inner article.post-type-quote_post_type .entry-header h5,
.post-wrap .widget-inner article.post-type-quote_post_type .entry-header h6,
.widget .post-inner article.post-type-quote_post_type .entry-header h2,
.widget .post-inner article.post-type-quote_post_type .entry-header h3,
.widget .post-inner article.post-type-quote_post_type .entry-header h4,
.widget .post-inner article.post-type-quote_post_type .entry-header h5,
.widget .post-inner article.post-type-quote_post_type .entry-header h6,
.widget .widget-inner article.post-type-quote_post_type .entry-header h2,
.widget .widget-inner article.post-type-quote_post_type .entry-header h3,
.widget .widget-inner article.post-type-quote_post_type .entry-header h4,
.widget .widget-inner article.post-type-quote_post_type .entry-header h5,
.widget .widget-inner article.post-type-quote_post_type .entry-header h6 {
  text-transform: none;
  font-family: "varela_roundregular", sans-serif;
  font-size: 1em;
}
.post-wrap .post-inner article.post-type-quote_post_type p,
.post-wrap .widget-inner article.post-type-quote_post_type p,
.widget .post-inner article.post-type-quote_post_type p,
.widget .widget-inner article.post-type-quote_post_type p {
  font-size: 2em;
  line-height: 1.3em;
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: relative;
  margin: 0;
}
.post-wrap .post-inner article.post-type-quote_post_type p::before, .post-wrap .post-inner article.post-type-quote_post_type p::after,
.post-wrap .widget-inner article.post-type-quote_post_type p::before,
.post-wrap .widget-inner article.post-type-quote_post_type p::after,
.widget .post-inner article.post-type-quote_post_type p::before,
.widget .post-inner article.post-type-quote_post_type p::after,
.widget .widget-inner article.post-type-quote_post_type p::before,
.widget .widget-inner article.post-type-quote_post_type p::after {
  font-size: 3em;
  position: absolute;
}
.post-wrap .post-inner article.post-type-quote_post_type p::before,
.post-wrap .widget-inner article.post-type-quote_post_type p::before,
.widget .post-inner article.post-type-quote_post_type p::before,
.widget .widget-inner article.post-type-quote_post_type p::before {
  content: "“";
  left: -20px;
  top: 8px;
}
.post-wrap .post-inner article.post-type-quote_post_type p::after,
.post-wrap .widget-inner article.post-type-quote_post_type p::after,
.widget .post-inner article.post-type-quote_post_type p::after,
.widget .widget-inner article.post-type-quote_post_type p::after {
  content: "“";
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  bottom: 8px;
  margin-left: 3px;
}
@media (min-width: 576px) {
  .post-wrap .post-inner article.post-type-quote_post_type p::before,
.post-wrap .widget-inner article.post-type-quote_post_type p::before,
.widget .post-inner article.post-type-quote_post_type p::before,
.widget .widget-inner article.post-type-quote_post_type p::before {
    left: -20px;
    top: 8px;
  }
  .post-wrap .post-inner article.post-type-quote_post_type p::after,
.post-wrap .widget-inner article.post-type-quote_post_type p::after,
.widget .post-inner article.post-type-quote_post_type p::after,
.widget .widget-inner article.post-type-quote_post_type p::after {
    bottom: 8px;
    margin-left: 3px;
  }
}
@media (min-width: 768px) {
  .post-wrap .post-inner article.post-type-quote_post_type p::before,
.post-wrap .widget-inner article.post-type-quote_post_type p::before,
.widget .post-inner article.post-type-quote_post_type p::before,
.widget .widget-inner article.post-type-quote_post_type p::before {
    left: -30px;
    top: 10px;
  }
  .post-wrap .post-inner article.post-type-quote_post_type p::after,
.post-wrap .widget-inner article.post-type-quote_post_type p::after,
.widget .post-inner article.post-type-quote_post_type p::after,
.widget .widget-inner article.post-type-quote_post_type p::after {
    bottom: 13px;
    margin-left: 5px;
  }
}
@media (min-width: 992px) {
  .post-wrap .post-inner article.post-type-quote_post_type p::before,
.post-wrap .widget-inner article.post-type-quote_post_type p::before,
.widget .post-inner article.post-type-quote_post_type p::before,
.widget .widget-inner article.post-type-quote_post_type p::before {
    left: -40px;
    top: 10px;
  }
  .post-wrap .post-inner article.post-type-quote_post_type p::after,
.post-wrap .widget-inner article.post-type-quote_post_type p::after,
.widget .post-inner article.post-type-quote_post_type p::after,
.widget .widget-inner article.post-type-quote_post_type p::after {
    bottom: 13px;
    margin-left: 10px;
  }
}
.post-wrap .widget-inner,
.widget .widget-inner {
  flex-direction: column;
  background-color: transparent;
}
.post-wrap .widget-inner .widget-title,
.widget .widget-inner .widget-title {
  margin: 0 0 0.7em 0;
  font-size: 1.4em;
}
.post-wrap:hover .post-inner,
.widget:hover .post-inner {
  background-color: transparent;
}

.widget {
  background-color: #f1f3f2;
}
.widget ul {
  margin: 0;
}
/* post-wrap bright */
.layout-background-image > .container {
  padding: 0;
}
.layout-background-image .post-wrap .post-inner {
  padding: 0;
}
.layout-background-image .post-wrap .post-inner article .entry-image {
  padding: 0;
}
.layout-background-image .post-wrap .post-inner article .entry-image + div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.layout-background-image .post-wrap .post-inner article .entry-header {
  padding: 1em;
}
.layout-background-image .post-wrap .post-inner article .entry-content {
  padding: 0 1em 1em 1em;
}

.layout-left-right > .container {
  padding: 0;
}
.layout-left-right .post-wrap {
  width: 100%;
  padding: 0;
}
.layout-left-right .post-wrap .post-inner {
  padding: 0;
}
.layout-left-right .post-wrap .post-inner article.post .entry-image,
.layout-left-right .post-wrap .post-inner article.type-post .entry-image {
  padding-bottom: 0;
}
.layout-left-right .post-wrap .post-inner article.post .entry-image img,
.layout-left-right .post-wrap .post-inner article.type-post .entry-image img {
  padding: 2em 2em 0 2em;
}
.layout-left-right .post-wrap .post-inner article.post a.wrap-link,
.layout-left-right .post-wrap .post-inner article.type-post a.wrap-link {
  display: block;
}
@media (min-width: 768px) {
  .layout-left-right .post-wrap .post-inner article.post a.wrap-link,
.layout-left-right .post-wrap .post-inner article.type-post a.wrap-link {
    display: flex;
  }
}
.layout-left-right .post-wrap .post-inner article.post a.wrap-link .layout-item,
.layout-left-right .post-wrap .post-inner article.type-post a.wrap-link .layout-item {
  width: 100%;
  display: block;
}
.layout-left-right .post-wrap .post-inner article.post a.wrap-link .layout-item .entry-header .entry-title,
.layout-left-right .post-wrap .post-inner article.type-post a.wrap-link .layout-item .entry-header .entry-title {
  font-size: 1.4em;
}
@media (min-width: 992px) {
  .layout-left-right .post-wrap .post-inner article.post a.wrap-link .layout-item .entry-header .entry-title,
.layout-left-right .post-wrap .post-inner article.type-post a.wrap-link .layout-item .entry-header .entry-title {
    font-size: 1.8em;
  }
}
@media (min-width: 768px) {
  .layout-left-right .post-wrap .post-inner article.post a.wrap-link .layout-item,
.layout-left-right .post-wrap .post-inner article.type-post a.wrap-link .layout-item {
    width: 50%;
  }
}
.layout-left-right .post-wrap .post-inner article.post a.wrap-link .layout-item:last-child,
.layout-left-right .post-wrap .post-inner article.type-post a.wrap-link .layout-item:last-child {
  padding: 2em 2em 2em 2em;
}
@media (min-width: 768px) {
  .layout-left-right .post-wrap .post-inner article.post a.wrap-link .layout-item:last-child,
.layout-left-right .post-wrap .post-inner article.type-post a.wrap-link .layout-item:last-child {
    padding: 2.5em 2em 1em 2em;
  }
}
@media (min-width: 992px) {
  .layout-left-right .post-wrap .post-inner article.post a.wrap-link .layout-item:last-child,
.layout-left-right .post-wrap .post-inner article.type-post a.wrap-link .layout-item:last-child {
    padding: 5em 2.5em 2.5em 2.5em;
  }
}
.layout-left-right .post-wrap.even a.wrap-link {
  flex-direction: row-reverse;
}

.highlight,
.color-highlight {
  background: #313131;
  padding: 1.8em 17px 1.8em 18px;
  color: #000;
}
@media (min-width: 768px) {
  .highlight,
.color-highlight {
    padding: 2.4em 17px 2.4em 18px;
  }
}
@media (min-width: 992px) {
  .highlight,
.color-highlight {
    padding: 2.8em 17px 2.8em 18px;
  }
}
@media (min-width: 1200px) {
  .highlight,
.color-highlight {
    padding: 3em 17px 3em 18px;
  }
}
.highlight h1, .highlight h2, .highlight h3, .highlight h4, .highlight h5, .highlight h6,
.color-highlight h1,
.color-highlight h2,
.color-highlight h3,
.color-highlight h4,
.color-highlight h5,
.color-highlight h6 {
  margin: 0 auto;
  color: #ffffff;
  text-align: center;
}
.highlight p,
.color-highlight p {
  font-size: 1em;
  margin: 0.5em 0;
}
.highlight a,
.color-highlight a {
  color: #ffffff;
  text-decoration: none;
}
.highlight i,
.color-highlight i {
  padding: 0 0.5em;
}
.highlight span,
.color-highlight span {
  white-space: nowrap;
}
@media (min-width: 576px) {
  .highlight p,
.color-highlight p {
    font-size: 1.2em;
    margin: 0.5em 0;
  }
}
@media (min-width: 768px) {
  .highlight p,
.color-highlight p {
    font-size: 1.3em;
    margin: 0.5em 0;
  }
}
@media (min-width: 992px) {
  .highlight p,
.color-highlight p {
    font-size: 1.5em;
    margin: 0.5em 0;
  }
}

.color-dark {
  color: #ffffff;
  background-color: #000000;
}
.color-dark .post-wrap .post-inner {
  background-color: transparent;
}
.color-dark .post-wrap .post-inner article.post .entry-header .entry-title {
  color: #fff;
}
.color-dark .post-wrap:hover .post-inner {
  background-color: transparent;
}
.color-dark .post-wrap a.wrap-link {
  text-decoration: none;
}
.color-dark .post-wrap a.wrap-link h1, .color-dark .post-wrap a.wrap-link h2, .color-dark .post-wrap a.wrap-link h3, .color-dark .post-wrap a.wrap-link h4, .color-dark .post-wrap a.wrap-link h5, .color-dark .post-wrap a.wrap-link h6 {
  color: #ffffff;
}
.color-dark .post-wrap a.wrap-link p {
  color: #ffffff;
}

.color-mid {
  color: #ffffff;
  background-color: #313131;
}
.color-mid a.wrap-link {
  text-decoration: none;
}
.color-mid a.wrap-link h1, .color-mid a.wrap-link h2, .color-mid a.wrap-link h3, .color-mid a.wrap-link h4, .color-mid a.wrap-link h5, .color-mid a.wrap-link h6 {
  color: #ffffff;
}
.color-mid a.wrap-link p {
  color: #ffffff;
}

.color-light {
  color: #ffffff;
  background-color: #cccccc;
}
.color-light a.wrap-link {
  text-decoration: none;
}
.color-light a.wrap-link h1, .color-light a.wrap-link h2, .color-light a.wrap-link h3, .color-light a.wrap-link h4, .color-light a.wrap-link h5, .color-light a.wrap-link h6 {
  color: #313131;
}
.color-light a.wrap-link p {
  color: #313131;
}

/* thumbs */
.paddingleftrighthalf {
  padding-left: 12px;
  padding-right: 12px;
}
@media (min-width: 768px) {
  .paddingleftrighthalf {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .paddingleftrighthalf {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1200px) {
  .paddingleftrighthalf {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.thumb-grid .grid-sizer {
  width: 100%;
}
@media (min-width: 768px) {
  .thumb-grid .grid-sizer {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .thumb-grid .grid-sizer {
    width: 33.333%;
  }
}
@media (min-width: 1200px) {
  .thumb-grid .grid-sizer {
    width: 25%;
  }
}
@media (min-width: 2000px) {
  .thumb-grid .grid-sizer {
    width: 20%;
  }
}
.thumb-grid .thumb {
  width: 100%;
  float: left;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .thumb-grid .thumb {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .thumb-grid .thumb {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1200px) {
  .thumb-grid .thumb {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) {
  .thumb-grid .thumb {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .thumb-grid .thumb {
    width: 33.333%;
  }
}
@media (min-width: 1200px) {
  .thumb-grid .thumb {
    width: 25%;
  }
}
@media (min-width: 2000px) {
  .thumb-grid .thumb {
    width: 20%;
  }
}
.thumb-grid .thumb .thumb-inner {
  padding: 0;
  position: relative;
}
.thumb-grid .thumb .thumb-inner a {
  text-decoration: none;
}
.thumb-grid .thumb .thumb-bg {
  position: relative;
  width: 100%;
  display: block;
}
.thumb-grid .thumb figure {
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.thumb-grid .thumb img, .thumb-grid .thumb video {
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  transition: opacity 500ms;
  position: relative;
}
.thumb-grid .thumb img.lazy-hidden, .thumb-grid .thumb video.lazy-hidden {
  opacity: 1 !important;
}
.thumb-grid .thumb img.lazy, .thumb-grid .thumb video.lazy {
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  transition: opacity 500ms;
}
.thumb-grid .thumb p.thumb-caption {
  margin-top: 0.5em;
  margin-bottom: 0;
}
.thumb-grid .thumb p.thumb-caption > span {
  padding: 0 0.5em;
}
.thumb-grid .thumb p.thumb-caption > span.jobid::before {
  content: "(";
}
.thumb-grid .thumb p.thumb-caption > span.jobid::after {
  content: ")";
}
.thumb-grid .thumb.gallery-thumb .thumb-inner {
  cursor: pointer;
}
.thumb-grid.has-3-columns .grid-sizer {
  width: 100%;
}
@media (min-width: 768px) {
  .thumb-grid.has-3-columns .grid-sizer {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .thumb-grid.has-3-columns .grid-sizer {
    width: 33.333%;
  }
}
@media (min-width: 1200px) {
  .thumb-grid.has-3-columns .grid-sizer {
    width: 33.333%;
  }
}
@media (min-width: 2000px) {
  .thumb-grid.has-3-columns .grid-sizer {
    width: 25%;
  }
}
.thumb-grid.has-3-columns .thumb {
  width: 100%;
  float: left;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .thumb-grid.has-3-columns .thumb {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .thumb-grid.has-3-columns .thumb {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1200px) {
  .thumb-grid.has-3-columns .thumb {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) {
  .thumb-grid.has-3-columns .thumb {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .thumb-grid.has-3-columns .thumb {
    width: 33.333%;
  }
}
@media (min-width: 1200px) {
  .thumb-grid.has-3-columns .thumb {
    width: 33.333%;
  }
}
@media (min-width: 2000px) {
  .thumb-grid.has-3-columns .thumb {
    width: 25%;
  }
}

article.bright > .entry-content > section > .thumb-grid .thumb p.thumb-caption {
  color: #ffffff;
}

/* default grid / publications template */
.archive .thumb-grid {
  padding-top: 1.5em;
}

.layout-default .thumb-grid {
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -ms-felx-wrap: wrap;
  flex-wrap: wrap;
}
.layout-default .thumb-grid .thumb {
  width: 100%;
  float: none;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  transition: opacity 500ms;
}
@media (min-width: 576px) {
  .layout-default .thumb-grid .thumb {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .layout-default .thumb-grid .thumb {
    width: 33.333%;
  }
}
@media (min-width: 2000px) {
  .layout-default .thumb-grid .thumb {
    width: 25%;
  }
}
.layout-default .thumb-grid .thumb h2 {
  text-transform: none;
  margin: 1em 0 0.5em 0;
}
.layout-default .thumb-grid .thumb h2, .layout-default .thumb-grid .thumb p, .layout-default .thumb-grid .thumb a:not(.wrap-link) {
  padding-left: 0.8em;
  line-height: 1.3em;
}
.layout-default .thumb-grid .thumb a.wrap-link {
  text-decoration: none;
  margin-bottom: 0;
}
.layout-default .thumb-grid .thumb a.wrap-link * {
  text-decoration: none;
}
.layout-default .thumb-grid .thumb a.wrap-link p {
  margin-bottom: 0.5em;
}
.layout-default .thumb-grid .thumb a:not(.wrap-link) {
  text-decoration: none;
  font-style: italic;
  line-height: 1.3em;
  opacity: 0;
  width: 1px;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  transition: opacity 500ms;
}
.layout-default .thumb-grid .thumb:hover a:not(.wrap-link) {
  opacity: 1;
  width: auto;
}

.notouch .layout-default .thumb-grid .thumb.soft {
  opacity: 0.3;
}

/* footer */
.site-footer {
  clear: both;
  padding-left: 0.8em;
  padding-right: 0.8em;
  width: 100%;
}
@media (min-width: 768px) {
  .site-footer {
    padding-left: 1.2em;
    padding-right: 1.2em;
  }
}
.site-footer a {
  color: #ffffff;
  text-decoration: none;
}
.site-footer a[href^="tel:"]:hover {
  color: #ffffff;
}
.site-footer.color-dark {
  background-color: #000000;
  color: rgba(255, 255, 255, 0.5);
}
.site-footer.color-dark a {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
}
.site-footer.color-dark a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.site-footer.color-dark a[href^="tel:"]:hover {
  color: rgba(255, 255, 255, 0.5);
}
.site-footer nav {
  margin-bottom: 1em;
}
@media (min-width: 768px) {
  .site-footer nav {
    width: 50%;
    float: right;
    margin-bottom: 0;
  }
}
.site-footer nav div {
  text-align: left;
}
.site-footer nav div ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.site-footer nav div ul li {
  display: block;
  margin: 0 17px 0 0;
}
@media (min-width: 768px) {
  .site-footer nav div ul li {
    margin: 0 0 0 17px;
    display: inline-block;
  }
}
@media (min-width: 768px) {
  .site-footer nav {
    display: block;
  }
  .site-footer nav div {
    text-align: right;
  }
}
.site-footer .site-info {
  margin-bottom: 1em;
}
@media (min-width: 768px) {
  .site-footer .site-info {
    width: 50%;
    float: left;
    margin: 0;
  }
}
.site-footer .site-info span {
  padding: 1em 0;
  display: block;
}
@media (min-width: 768px) {
  .site-footer .site-info span {
    display: inline;
    padding: 0 0;
  }
}
.site-footer .site-info .shariff {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.site-footer .site-info .shariff ul {
  list-style-type: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.site-footer .site-info .shariff ul li {
  display: inline-block;
  margin: 0 0.5em;
}
.site-footer .site-info .shariff ul li a span {
  padding: 0;
}
.site-footer .site-info .shariff ul li a span.fab::before {
  font-size: 1.5em;
}
.site-footer .site-info .shariff ul li a .share_text {
  display: none;
}

.ui-widget {
  padding: 0 !important;
  font-family: "ralewayregular", sans-serif !important;
}

.ui-widget-header {
  border: 0px solid transparent !important;
  background: transparent !important;
}

.ui-widget-content {
  border: none !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  color: #313131 !important;
  background: #fff !important;
  border: 1px solid transparent !important;
  border-color: #fff !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid transparent !important;
  border-bottom-width: 1px !important;
  border-color: #666 #666 #fff #666 !important;
  background: #fff !important;
  font-weight: normal !important;
  color: #313131 !important;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #313131 !important;
  background: #fff !important;
}

/* tabs */
.ui-tabs {
  padding: 0 !important;
  margin: 2em 0 0 0;
}
.ui-tabs .ui-tabs-nav {
  padding: 0 !important;
  border-bottom: 1px solid transparent !important;
  border-color: transparent !important;
  font-family: "ralewaybold", sans-serif !important;
}
@media (min-width: 1200px) {
  .ui-tabs .ui-tabs-nav {
    padding: 0 0.7em !important;
  }
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  font-size: 0.8em;
  padding: 0.5em 0.5em !important;
}
@media (min-width: 1200px) {
  .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 0.5em 0.7em !important;
  }
}
.ui-tabs .ui-tabs-nav > li {
  top: 1px;
}
.ui-tabs .ui-tabs-nav > li:not(.ui-state-active) a {
  color: #313131;
}
.ui-tabs .ui-tabs-nav > li:not(.ui-state-active) a:hover {
  text-decoration: underline;
}
.ui-tabs .ui-tabs-panel {
  font-size: 0.8em;
  padding: 1.3em 0 0 0 !important;
}

/* FX */
/* on scroll slide elements in / out at top / bottom when moving out of viewport */
.fx-slide-up .fx-item {
  top: 100px;
  opacity: 0;
  -webkit-transition: all 700ms;
  -moz-transition: all 700ms;
  transition: all 700ms;
}
.fx-slide-up .fx-item.show {
  top: 0px;
  opacity: 1;
}
.fx-slide-up .fx-item.show .background {
  background-color: rgba(255, 255, 255, 0.05);
}
.fx-slide-up .fx-item.hide-up {
  top: -70px;
  opacity: 0;
}

/* hover zoom in on image */
@media (min-width: 768px) {
  .fx-zoom-image .fx-item img {
    padding: 0 !important;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.65;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms;
  }
  .fx-zoom-image .fx-item:hover img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

/* hover zoom out of image */
@media (min-width: 768px) {
  .fx-zoom-image-out .fx-item img {
    padding: 0 !important;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 0.65;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms;
  }
  .fx-zoom-image-out .fx-item:hover img {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 1;
  }
}

button.back-button {
  position: fixed;
  bottom: 33px;
  right: 7px;
  margin-left: -26px;
  width: 52px;
  height: 53px;
  padding: 0;
  z-index: 60000;
  cursor: pointer;
  border: none;
  background-color: transparent;
  /* desktop menu: */
  display: block;
  /* */
}
@media (min-width: 576px) {
  button.back-button {
    bottom: 18px;
    right: 7px;
  }
}
@media (min-width: 768px) {
  button.back-button {
    right: 15px;
    bottom: 5px;
  }
}
@media (min-width: 992px) {
  button.back-button {
    right: 25px;
    bottom: 15px;
  }
}
@media (min-width: 1200px) {
  button.back-button {
    right: 25px;
    bottom: 16px;
  }
}
@media (min-width: 2000px) {
  button.back-button {
    right: 25px;
    bottom: 16px;
  }
}
button.back-button span {
  display: block;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transform-origin: center;
  left: 50%;
  height: 3px;
  width: 34px;
  background-color: #313131;
}
button.back-button span:nth-child(1) {
  top: 11px;
  -webkit-transform: translateX(-50%) translateY(13px) rotate(225deg);
  transform: translateX(-50%) translateY(13px) rotate(225deg);
}
button.back-button span:nth-child(2) {
  top: 37px;
  -webkit-transform: translateX(-50%) translateY(-13px) rotate(-225deg);
  transform: translateX(-50%) translateY(-13px) rotate(-225deg);
}

.bright button.back-button span {
  background-color: #ffffff;
}

@media (min-width: 768px) {
  body:not(.zoom) main article .entry-content {
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    transition: opacity 500ms;
  }
}
body:not(.zoom) .project-swiper {
  position: absolute;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  height: 0px;
  width: 1px;
}
body:not(.zoom) button.back-button {
  display: none;
}

body.zoom {
  overflow: hidden;
}
body.zoom header.site-header {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
body.zoom .page-menu-before {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
body.zoom .page-menu-after {
  position: absolute;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  height: 0px;
  width: 1px;
}
body.zoom .menu-toggle-wrap {
  display: none;
}
body.zoom main article {
  opacity: 0;
}
@media (min-width: 768px) {
  body.zoom main article {
    -webkit-transition: opacity 500ms 400ms;
    -moz-transition: opacity 500ms 400ms;
    transition: opacity 500ms 400ms;
  }
}
body.zoom main article .entry-header {
  display: none;
}
@media (min-width: 768px) {
  body.zoom main article .entry-content {
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    transition: opacity 500ms;
  }
}
body.zoom .project-swiper {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
body.zoom .site-footer {
  position: absolute;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  height: 0px;
  width: 1px;
}
body.zoom .footer-nav {
  position: absolute;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  height: 0px;
  width: 1px;
}

.project-swiper {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: visible;
  -webkit-transition: opacity 700ms;
  -moz-transition: opacity 700ms;
  transition: opacity 700ms;
}
.project-swiper.show {
  opacity: 1;
}
.project-swiper .swiper-wrapper .swiper-slide {
  /* Center slide text vertically */
}
.project-swiper .swiper-wrapper .swiper-slide img, .project-swiper .swiper-wrapper .swiper-slide video {
  max-height: 100%;
  width: auto;
  max-width: 100%;
  display: block;
  position: absolute;
  /* prevent img/video from flickering during transform: */
  -webkit-backface-visibility: hidden;
  top: 50%;
  -webkit-transform: translateX(calc(50vw - 50%)) scaleY(1) translateY(-50%);
  transform: translateX(calc(50vw - 50%)) scaleY(1) translateY(-50%);
  opacity: 1;
}
@media (min-width: 768px) {
  .project-swiper .swiper-wrapper .swiper-slide img, .project-swiper .swiper-wrapper .swiper-slide video {
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    transition: all 500ms;
  }
}
.project-swiper .swiper-wrapper .swiper-slide .media-caption {
  position: absolute;
  top: auto;
  bottom: 15px;
  text-align: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
  opacity: 0;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  transition: all 500ms;
}
@media (min-width: 768px) {
  .project-swiper .swiper-wrapper .swiper-slide .media-caption {
    display: block;
    bottom: 25px;
  }
}
@media (min-width: 992px) {
  .project-swiper .swiper-wrapper .swiper-slide .media-caption {
    bottom: 35px;
  }
}
.project-swiper .swiper-wrapper .swiper-slide-active img, .project-swiper .swiper-wrapper .swiper-slide-active video {
  opacity: 1;
}
.project-swiper .swiper-wrapper .swiper-slide-active .media-caption {
  opacity: 1;
}
.project-swiper .swiper-button-next, .project-swiper .swiper-button-prev {
  width: 34px;
  height: 34px;
  background-size: 34px 34px;
  background-position: center center;
  top: 50%;
  margin-top: -17px;
  position: fixed;
  display: block !important;
  z-index: 200;
  opacity: 1;
}
.project-swiper .swiper-button-next:focus, .project-swiper .swiper-button-prev:focus {
  outline: 0px;
}
.project-swiper .swiper-button-next.swiper-button-disabled, .project-swiper .swiper-button-prev.swiper-button-disabled {
  opacity: 0.4;
}
.project-swiper .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23313131'%2F%3E%3C%2Fsvg%3E");
  left: 15px;
}
@media (min-width: 768px) {
  .project-swiper .swiper-button-prev {
    left: 30px;
  }
}
@media (min-width: 992px) {
  .project-swiper .swiper-button-prev {
    left: 45px;
  }
}
.project-swiper .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23313131'%2F%3E%3C%2Fsvg%3E");
  right: 15px;
}
@media (min-width: 768px) {
  .project-swiper .swiper-button-next {
    right: 30px;
  }
}
@media (min-width: 992px) {
  .project-swiper .swiper-button-next {
    right: 45px;
  }
}
.project-swiper .media-caption {
  width: 80%;
}
.project-swiper .media-caption p {
  margin-bottom: 0;
}
.project-swiper .project-info {
  font-family: "questrialregular", sans-serif;
  text-align: center;
  font-size: 0.75em;
  position: fixed;
  width: 100%;
  display: block;
  z-index: 100;
  right: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-end;
  flex-basis: 100%;
  padding: 3em 1em 1em 1em;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  transition: all 500ms;
  /* filter */
  -webkit-mix-blend-mode: difference;
  -moz-mix-blend-mode: difference;
  -ms-mix-blend-mode: difference;
  -o-mix-blend-mode: difference;
  mix-blend-mode: difference;
}
.project-swiper .project-info .project-title {
  position: absolute;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  height: 0px;
  width: 1px;
}
.project-swiper .project-info > div {
  width: 100%;
}
.project-swiper .project-info > div p {
  margin-bottom: 0;
  line-height: 1.4em;
}
.project-swiper .project-info > div.project-data {
  color: #000000;
  margin-bottom: 1em;
}
.project-swiper .project-info > div.media-caption p {
  margin-bottom: 0;
}
.project-swiper.image-text-swiper {
  bottom: 0;
  opacity: 0;
  z-index: 10000;
}
.project-swiper.image-text-swiper .swiper-slide {
  padding: 60px 0px 60px 0;
  overflow: hidden;
  width: 100% !important;
}
.project-swiper.image-text-swiper .swiper-slide.swiper-slide-active {
  overflow-y: auto;
}
.project-swiper.image-text-swiper .swiper-slide > .image-text-wrap {
  display: inline-block;
  position: relative;
  -webkit-transform: translateX(calc(50vw - 50%)) scaleY(1) translateY(0%);
  transform: translateX(calc(50vw - 50%)) scaleY(1) translateY(0%);
  padding: 0 40px;
}
@media (min-width: 992px) {
  .project-swiper.image-text-swiper .swiper-slide > .image-text-wrap {
    padding: 0 20px;
  }
}
.project-swiper.image-text-swiper .swiper-slide > .image-text-wrap > img {
  position: relative;
  height: calc(90vh - 120px);
  width: 100%;
  object-fit: contain;
  object-position: top center;
  top: 0;
  transform: none;
  margin-bottom: 1.5em;
}
@media (orientation: portrait) {
  .project-swiper.image-text-swiper .swiper-slide > .image-text-wrap > img {
    height: auto;
    width: 100%;
  }
}
.project-swiper.image-text-swiper .swiper-slide > .image-text-wrap .image-text {
  display: block;
  position: absolute;
  text-align: center;
  padding-bottom: 200px;
  left: 40px;
  right: 40px;
}
@media (min-width: 992px) {
  .project-swiper.image-text-swiper .swiper-slide > .image-text-wrap .image-text {
    left: 20px;
    right: 20px;
  }
}
.project-swiper.image-text-swiper .swiper-slide > .image-text-wrap .image-text p {
  margin: 0;
}
.project-swiper.image-text-swiper .swiper-slide > .image-text-wrap .image-text .swiper-slide-logo {
  background-image: url(images/logo.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  transition: all 400ms;
  width: 250px;
  height: 15px;
  margin-top: 1em;
  margin-right: 15px;
  margin-bottom: 1em;
}
@media (min-width: 576px) {
  .project-swiper.image-text-swiper .swiper-slide > .image-text-wrap .image-text .swiper-slide-logo {
    width: 300px;
    height: 25px;
  }
}
@media (min-width: 768px) {
  .project-swiper.image-text-swiper .swiper-slide > .image-text-wrap .image-text .swiper-slide-logo {
    width: 300px;
    height: 25px;
  }
}
@media (min-width: 1200px) {
  .project-swiper.image-text-swiper .swiper-slide > .image-text-wrap .image-text .swiper-slide-logo {
    width: 370px;
    height: 19px;
  }
}
.project-swiper.image-text-swiper .swiper-slide.bright {
  color: #ffffff !important;
}
.project-swiper.image-text-swiper .swiper-slide.bright > .image-text-wrap .image-text .swiper-slide-logo {
  -webkit-filter: invert(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='invert'><feComponentTransfer><feFuncR type='linear' slope='-1' intercept='1'/><feFuncG type='linear' slope='-1' intercept='1' /><feFuncB type='linear' slope='-1' intercept='1' /></feComponentTransfer></filter></svg>#invert");
  filter: invert(100%);
}

.bright .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.bright .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.bright .swiper-slide .media-caption p {
  color: #ffffff;
}

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