/*
Theme Name: timotheme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: timotheme
Tags:

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.

timotheme is based on Underscores http://underscores.me/, (C) 2012-2016 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 http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
    ## General
    ## WPFORMS
# Timo Settings
# Navigation
	## Links
	## Menus
	## Pagination
# Accessibility
# Alignments
# Widgets
# Content
	## Posts and pages
	## Post formats
	## Comments
# Media
	## Captions
	## Galleries
	## MediaElements.js
    ## Photoswipe
# Themes
	## Dark Mode
	## High Contrast
	## No Motion
    ## Text Only
    ## CSS4 Stylistic Media Queries
# Old Browsers - no-js, ie, limited features
# Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html {
    font-family: sans-serif;
    position: initial;
    font-size: 62.5%;
    overflow-x: hidden !important;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    box-sizing: border-box;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

html.fontsize1 {
    font-size: 50%;
}
html.fontsize3 {
    font-size: 70%;
}

html.fadesiteout {
    cursor: progress;
}
html.fadesiteout .timo-preloader {
    -webkit-animation: splashFadeIn 0.5s ease forwards;
    animation: splashFadeIn 0.5s ease forwards;
}

@-webkit-keyframes splashFadeIn {
    0% {
        opacity: 0;
        visibility: hidden;
        display: block;
    }
    20% {
        opacity: 0;
    }
    100% {
        visibility: visible;
        opacity: 1;
    }
}

@keyframes splashFadeIn {
    0% {
        opacity: 0;
        visibility: hidden;
        display: block;
    }
    20% {
        opacity: 0;
    }
    100% {
        visibility: visible;
        opacity: 1;
    }
}

@-webkit-keyframes colorchangeload {
    0% {
        background: #333333;
    }
    20% {
        background: #880000;
    }
    40% {
        background: #00979a;
    }
    60% {
        background: #b92727;
    }
    80% {
        background: #2dbec0;
    }
    100% {
        background: #333333;
    }
}

@keyframes colorchangeload {
    0% {
        background: #333333;
    }
    20% {
        background: #880000;
    }
    40% {
        background: #00979a;
    }
    60% {
        background: #b92727;
    }
    80% {
        background: #2dbec0;
    }
    100% {
        background: #333333;
    }
}

@-webkit-keyframes colorchangefade {
    0% {
        background: #333333;
    }
    50% {
        background: #4e4e4e;
    }
    100% {
        background: #333333;
    }
}

@keyframes colorchangefade {
    0% {
        background: #333333;
    }
    50% {
        background: #4e4e4e;
    }
    100% {
        background: #333333;
    }
}

@-moz-keyframes distort {
    50% {
        width: 50vmin;
    }
}

@-webkit-keyframes distort {
    50% {
        width: 200px;
    }
}

@-o-keyframes distort {
    50% {
        width: 200px;
    }
}

@keyframes distort {
    50% {
        width: 50vmin;
    }
}

@-webkit-keyframes movebars {
    0% {
        background-position: 0px 0px;
    }
    100% {
        background-position: 600px 0;
    }
}

@keyframes movebars {
    0% {
        background-position: 0px 0px;
    }
    100% {
        background-position: 76vmin 0;
    }
}

@-webkit-keyframes movebars-reverse {
    0% {
        background-position: 0px 0px;
    }
    100% {
        background-position: -600px 0;
    }
}

@keyframes movebars-reverse {
    0% {
        background-position: 0px 0px;
    }
    100% {
        background-position: -76vmin 0;
    }
}

@-webkit-keyframes timoanimate {
    0% {
        fill: #EEE;
    }
    50% {
        fill: #929292;
    }
    100% {
        fill: #EEE;
    }
}

@keyframes timoanimate {
    0% {
        fill: #EEE;
    }
    50% {
        fill: #929292;
    }
    100% {
        fill: #EEE;
    }
}

#timoloadinganimate {
    display: block;
    margin-top: 0.15rem;
    margin-left: 0;
    height: 1.9rem;
}

html.no-flexbox #timoloadinganimate {
    margin-top: 40%;
    margin-top: 50vh;
    margin-left: calc(50% - 50px);
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    text-decoration: none;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 32px;
    font-size: 2em;
    margin: 11px 0;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -8px;
    top: -0.5em;
}

sub {
    bottom: -4px;
    bottom: -0.25em;
}

img {
    border: 0;
}

html.no-touch img.not-loaded {
    opacity: 0;
}

html.mejs-button img {
    visibility: hidden;
}

html.js img.in-view {
    visibility: visible;
    -webkit-animation: 1s fadeInImage;
    animation: 1s fadeInImage;
}

html.ie-old img {
    visibility: visible;
    opacity: 1;
}

@-webkit-keyframes fadeInImage {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeInImage {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 16px 40px;
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-size: 16px;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

select::-ms-expand {
    display: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: not-allowed;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type=checkbox],
input[type=radio] {
	width: 1.6rem;
	height:  1.6rem;
	margin-right: 1rem;
	display: inline-block;
	vertical-align: baseline;
	background: none;
	color: #484848;
	border: 2px solid #404040;
	border-radius: 0px;
	box-shadow: unset;
	text-decoration: none;
	text-shadow: unset;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: unset;
	text-decoration: none;
	text-shadow: unset;
}

input[type=radio] {
    border-radius: 50px;
}

input[type=checkbox]:checked {
    background: #333;
}

input[type=radio]:checked {
background: #fff;
border: .5rem solid #333;
}

input[type=checkbox]:checked:before {
    position: relative;
    display: block;
    content: "";
    left: .2em;
    top: 0;
    width: 0.6rem;
    height: 1.1rem;
    border: solid #ffffff;
    border-width: 0 .1em .1em 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 6px 10px 12px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

td {
    border: 1px solid #c1c1c1;
}

th {
    background-color: rgba(222, 222, 222, .4);
    border: 1px solid #ababab;
}

:focus {
    outline: 0;
}

::selection {
    background: #b5fdff;
}

::-moz-selection {
    background: #b5fdff;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
    color: #404040;
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    vertical-align: middle;
}

body.single {
    font-family: 'Prata', 'Georgia', '宋体', 'SimSun', 'Songti SC', 'Song', serif;
}

button,
input,
select,
textarea {
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', 'Heiti SC', 'Hei', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    word-break: break-word;
    -ms-word-break: break-word;
    padding-top: 16px;
    padding-bottom: 8px;
    line-height: 22px;
    padding-top: 16px;
    padding-top: 1em;
    padding-bottom: 8px;
    padding-bottom: 0.5em;
    margin: 0;
    line-height: 22px;
    line-height: 1.4em;
    word-wrap: break-word;
    hyphens: auto;
}

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

h5,
h6 {
    font-weight: 400;
}

h1 {
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    margin-left: -3px;
    margin-left: -0.3rem;
}

h2 {
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-size: 40px;
    font-size: 4rem;
    margin-left: -2px;
    margin-left: -0.2rem;
}

h3 {
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-size: 30px;
    font-size: 3rem;
    margin-left: -1px;
    margin-left: -0.1rem;
}

h4 {
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-size: 26px;
    font-size: 2.6rem;
}

h5 {
    font-family: 'Roboto Slab', Arial, Helvetica, 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-size: 22px;
    font-size: 2.2rem;
}

h6 {
    font-family: 'Roboto Slab', Arial, Helvetica, 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
}

p {
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    padding-bottom: 0.7em;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    hyphens: auto;
    text-align: justify;
}

#content {
    margin: 0;
    padding: 5px 0;
    padding: 0.5rem 0;
    max-width: 1500px;
}

.main-content-wrapper {
    min-height: calc(100vh - 5px);
}

.home .main-content-wrapper .entry-content {
    opacity: 0.8;
    color: #333;
}

.not-found .page-content,
.not-found .page-content p,
.search-no-results .page-content,
.search-no-results .page-content p,
.page-template-page-temp #content,
.page-template-page-temp #content p,
.random-posts-wrapper .random-posts-archive-placeholder,
.login #content,
.login #content p {
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    /* font-size: 20px;
    font-size: 2rem; */
    text-align: left;
}

.not-found .page-content p.error-404-message,
.search-no-results .page-content p.error-404-message {
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-size: 20px;
    font-size: calc(3vmin / 2 + 3vmax / 2);
    line-height: 1.3;
    font-weight: 900;
    padding-top: 0;
    padding-bottom: 10px;
    padding-bottom: 1rem;
}

h1 {
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-size: 50px;
    font-size: 5rem;
    font-weight: 700;
    line-height: 1.1;
    padding: 30px 0 10px 0;
    padding: 3rem 0 1rem 0;
    margin-bottom: 0;
}

.not-found .page-header h1,
.search-no-results .page-header h1,
.page-template-page-temp #content h1,
.login .page-header h1 {
    font-size: 60px;
    font-size: calc(10vmin / 2 + 10vmax / 2);
}

/* .login .page-header h1 {
    font-size: 60px;
    font-size: 6rem;
} */

.home .main-content-wrapper h1,
.home.page-template-page-temp #content h1 {
    color: #000;
    font-size: 7vw;
    font-size: calc(15vmin / 2 + 15vmax / 2);
    margin-left: -0.5vw;
    margin-left: calc(-0.4vmin - 0.4vmax);
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    line-height: 1;
}

.home .main-content-wrapper h1 {
    padding: 0 0 10px 0;
    padding: 0 0 1rem 0;
}

.search-form {
    display: flex;
    justify-content: flex-start;
    max-width: 800px;
}

.search-form .search-field {
    border: 2px solid #333;
    background: #333;
    color: #DDD;
    width: 100%;
}

.search-form .search-field:hover,
.search-form .search-field:active,
.search-form .search-field:focus {
    background: #333;
    color: #FFF;
}

h1 b,
h2 b {
    font-weight: 900;
}

h3 b,
h4 b,
h5 b,
h6 b {
    font-weight: 700;
}

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

blockquote {
    margin: 10px 0;
    margin: 1rem 0;
    padding: 1rem 2rem;
    border-left: .3em solid #cecece;
    background-color: #ececec;
    background-color: rgba(236, 236, 236, 0.3);
}

blockquote p,
q {
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', sans-serif;
}

blockquote p:last-of-type {
    padding-bottom: 0;
}

blockquote cite {
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    color: #484848;
    background: none;
    display: block;
    line-height: normal;
}

address {
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-weight: 400;
    font-style: normal;
    margin: 0 0 24px;
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'Courier', monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    margin-bottom: 26px;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 26px;
    padding: 1.6em;
}

pre::-webkit-scrollbar,
table::-webkit-scrollbar {
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

pre::-webkit-scrollbar:horizontal,
table::-webkit-scrollbar:horizontal {
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 5px;
}

pre::-webkit-scrollbar-thumb,
table::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: rgba(0, 0, 0, .2);
    opacity: 0;
}

code,
kbd,
tt,
var {
    font-family: 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'Courier', monospace;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #585858;
    color: #fff;
}

abbr,
acronym {
    border-bottom: 2px dotted #666;
    border-bottom: 0.2rem dotted #666;
    cursor: help;
}

abbr:before,
acronym:before {
    content: "\f05a";
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'FontAwesome';
        font-size: 80%;
        font-weight: 100;
        position: relative;
        
        
        
        
        display: inline-block;
        padding: 0rem .2rem;
        color: #333;
        margin-right: 0.2rem;
}

abbr:after,
acronym:after {
      content: '(' attr(title) ')';
      position: relative;
      display: inline;
      display: none;
      -webkit-transition: opacity 0.3s ease-in-out 0s;
      transition: opacity 0.3s ease-in-out 0s;
      background: #e8e8e8;
      padding-left: 1rem;
      padding-right: 1rem;
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-style: italic;
    text-align: center;
}

abbr:hover:after,
acronym:hover:after,
abbr:active:after,
acronym:active:after,
abbr:focus:after,
acronym:focus:after {
    display: inline;
    -webkit-transition: opacity 0.3s ease-in-out 0s;
    transition: opacity 0.3s ease-in-out 0s;
}

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

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    background: none;
    -o-transition: background 0.5s ease;
   -moz-transition: background 0.5s ease;
   -webkit-transition: background 0.5s ease;
   transition: background 0.5s ease;
}

body.error404,
body.search-no-results {
    background: #5affff;
}

main {
    position: relative;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

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

ul,
ol {
    margin: 0;
    padding-left: 20px;
    padding-left: 2rem;
}

ul {
    list-style: square;
}

ul>li>ul {
    list-style: disc;
}

ul>li>ul>li>ul {
    list-style: circle;
}

ol {
    list-style: upper-roman;
}

ol>li>ol {
    list-style: upper-latin;
}

ol>li>ol>li>ol {
    list-style: decimal;
}

ol>li>ol>li>ol>li>ol {
    list-style: lower-latin;
}

ol>li>ol>li>ol>li>ol>li>ol {
    list-style: lower-roman;
}

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

dt {
    font-weight: bold;
}

dd {
    margin: 0 24px 24px;
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    max-width: 100%;
    display: block;
}

figure {
    margin: 16px 0;
    margin: 1em 0;
}

table {
    margin: 0 0 24px;
    margin: 0 0 1.5em;
    width: 100%;
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', sans-serif;
    border-collapse: collapse;
    overflow: auto;
    max-width: 100%;
    display: block;
}

table.legaltable-small {
    font-size: 13px;
    font-size: 1.3rem;
}

th {
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
}

th,
td {
    padding: 5px 10px;
    padding: 0.5rem 1rem;
    -webkit-font-smoothing: antialiased;
}

tr:hover {
    background-color: rgba(56, 233, 253, .1);
}

thead tr:hover {
    background: initial;
}

::content .madv,
::content a[href*="omnicpa.ru"],
::content div[id$="notifiers_wrap"],
::content a[href*="cpaggetti.ru"],
::content a[href*=".converteam.online"],
::content a[href^="http://amigo-free.website/"],
::content #adv,
::content a[href*="runetki.com"],
::content noindex a[href^="http://www.westmister.eu/collection/"],
::content noindex a[href^="http://www.westmister.eu/collection/"]~*,
::content a[href^="http://amigone.pw/"],
::content a[href*="globalteaser.ru"],
::content a[href*="advclicks.net"],
::content a[href*="promoheads.com"],
::content a[href*="cpagettio.com"],
::content a[href*="zozoter.ru"],
::content img[width="728"][height="90"],
::content div[class*="notifier_baloon_"],
::content a[href*="lenkmio.com"][target="_blank"],
::content a[href*="people-group.su"],
::content a[href*="cpagette.com"],
::content a[href*="marketgid.com/"],
::content a[href*="recreativ.ru"],
::content a[href*="cpamatica.com"],
::content a[href*="//ukrmedia.center/"],
::content a[href^="http://amigo-source.website/"],
::content a[href*="salesdoubler.com.ua"],
::content .b-banner,
::content a[href*="2di.site"],
::content .widget_ui_ads,
::content .wp.a_t,
::content a>img[width="980"][src*=".sinaimg."],
::content #kfivtwin,
::content .a_fr,
::content .baiduad,
::content a>img[width="960"][src*=".sinaimg."],
::content .a_p,
::content .a_pt,
::content .banner-site,
::content #gg1,
::content #haoetv,
::content .a_mu,
::content .tweets,
::content a[title="Youtube"],
::content .OUTBRAIN,
::content #cookieContainer,
::content .share-link,
::content .twitter-button,
::content .sharrre,
::content .-twitter,
::content .sharetools,
::content .close-wrap>.close-overlay,
::content #layout-social,
::content .article_share,
::content .g-plus,
::content .share_bottom,
::content .social-popup,
::content .connect_widget,
::content .subscribe-panel,
::content #social-wrapper,
::content a[href^="http://www.digg.com/submit?"],
::content .fb-dialog,
::content .social-sharing,
::content .cookie-check,
::content .cookie_policy,
::content #share_button,
::content .twitterWrapper,
::content a[href^="https://www.stumbleupon.com/submit?url="],
::content .follow-bar,
::content .share-with-friends,
::content img[alt="Vine"],
::content .google_plus,
::content a[title="Google Plus"],
::content .m-article__share-buttons,
::content .social-wrapper,
::content .socials,
::content .icon-soundcloud,
::content .rss-widget,
::content #subscribe-button,
::content .outbrain,
::content .cookieAlert,
::content .follow_box,
::content .cookiewarning,
::content #shareBar,
::content .comment_share,
::content .post-fb,
::content .share__list,
::content .feed-icon,
::content .addthis_32x32_style,
::content .post-social,
::content a[href^="http://plus.google.com/share?url="],
::content .icon-facebook2,
::content img[alt="Instagram"],
::content #tweets,
::content .icon-google,
::content .share-title,
::content .socialbox,
::content .twitterShare,
::content a[href^="https://twitter.com/intent/tweet?"],
::content .icon-rss,
::content #social-container,
::content .follow-button,
::content .share-zone,
::content .SocialButton,
::content .facebook-link,
::content #sharebar,
::content .shareContainer,
::content .youtube_subscribe_module,
::content .cookies-open,
::content .fb_button_large,
::content .social-box,
::content .tweet-btn,
::content .twtr-widget,
::content [href^="http://reddit.com/submit"],
::content #cookieAlert,
::content #facebook_btn,
::content .fb_like_container,
::content .share-icon,
::content .ui-share-component,
::content #___plus_0,
::content #share-reddit,
::content #sharer,
::content .fblike,
::content .icon-youtube,
::content .twitter-feed,
::content .feedback-button,
::content .scroll-top,
::content .sharing-buttons,
::content .twitter-share,
::content #cookie-banner,
::content .top-of-page,
::content a[href^="http://twitter.com/home/?"],
::content .promos-newsletter,
::content #digg_module,
::content .fb-button,
::content a[href^="http://www.pinterest.com/pin/create/button/?"],
::content #signup-popup,
::content .btnFacebook,
::content a[href^="https://www.facebook.com/sharer.php?"],
::content #share_container,
::content .facebook-container,
::content .fb-likebox,
::content .share-body,
::content .share-twitter,
::content #share_links,
::content .fb-share-box,
::content .std-social,
::content #twitter_button,
::content .digg-button,
::content .fbBox,
::content #backToTop,
::content .pinit-btn-container,
::content .shareLeft,
::content .social-btn,
::content img[title="Twitter"],
::content #subscribe-options,
::content .facebook_button,
::content .share-list,
::content .share-page,
::content .share_bar,
::content .social_row,
::content .facebookbutton,
::content .icon_gplus,
::content #cookieOverlay,
::content #fbContainer,
::content .twitter.icon,
::content .addthis_toolbox,
::content .btn-social-icon,
::content a[href^="http://www.stumbleupon.com/submit?url"],
::content .fb-like,
::content .social-sidebar,
::content a[href^="https://www.linkedin.com/cws/share?"],
::content .signup-email,
::content .google-plus,
::content .share-box,
::content img[alt="Youtube"],
::content .newsletter-popup,
::content .fbContainer,
::content .youtube-icon,
::content img[alt="submit to reddit"],
::content .cookie-notice,
::content #backtotop,
::content #socials,
::content a[title="LinkedIn"],
::content .shareLink,
::content .socialshare,
::content img[title="YouTube"],
::content .no-cookies,
::content .social-column,
::content .social_links_top,
::content .-facebook,
::content img[alt="Facebook"],
::content #cookieModal,
::content .post-sharing,
::content a[href^="http://digg.com/submit?url="],
::content .btn-instagram,
::content .social-header,
::content a[href^="https://facebook.com/sharer.php?"],
::content img[alt="Pinterest"],
::content #socialbar {
    display: block !important;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
#wp-submit,
.login .wp-core-ui .button-primary,
.wp-core-ui.login .button-group.button-large .button,
.wp-core-ui.login .button.button-large {
    border: 2px solid #333;
    border-radius: 0px;
    background: #333;
    color: #FFF;
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    line-height: 1;
    padding: 10px 16px;
    padding: .6em 1em;
    min-height: 4rem;
    
    
    
    
}

.touchingtrue input[type="reset"],
.touchingtrue input[type="submit"],
.touchingtrue #wp-submit,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
#wp-submit:hover {
    border: 2px solid #BF2413;
    
    
    
    
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
#wp-submit:hover {
    background: #BF2413;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
#wp-submit:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
#wp-submit:active {
    background: #BF2413;
}

.touch button,
.touch button:hover,
.touch button:active,
.touch button:focus,
.touch input[type="button"]:hover,
.touch input[type="reset"]:hover,
.touch input[type="submit"]:hover {
    transition: unset;
    -o-transition: unset;
    -moz-transition: unset;
    -webkit-transition: unset;
}

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,
select {
    background: none;
    color: #484848;
    border: 2px solid #404040;
    border-radius: 0px;
    padding: 5px 8px;
    padding: .35em .5em;
    min-height: 4rem;
    min-width: 4rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    
    
    
}

select {
    cursor: pointer;
}

.select {
    cursor: pointer;
    position: relative;
}

.styledSelect {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 60px;
    width: 4rem;
    background-color: none;
    pointer-events: none;
    
    
    
    
}

.styledSelect:after {
    content: "\f107";
    font-size: 125%;
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'FontAwesome';
    width: 0;
    height: 0;
    position: relative;
    top: 0.6rem;
    
    
    
    
}

.select:hover .styledSelect:after {
    color: #FFF;
    
    
    
    
}

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,
select:focus,
.select:hover select {
    border: 2px solid #333;
    background: #333;
    color: #FFF;
    -o-transition: color 0.3s ease, background 0.3s ease, border 0.3s ease;
    -moz-transition: color 0.3s ease, background 0.3s ease, border 0.3s ease;
    -webkit-transition: color 0.3s ease, background 0.3s ease, border 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease, border 0.3s ease;
}

.search-form .search-field {
    min-height: 4rem;
}

.search-submit {
    padding: 10px 12px;
    padding: .6em .75em;
    max-width: 48px;
    max-width: 4.8rem;
    
    
    
    
}

.search-submit::before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'FontAwesome';
    font-size: 16px;
    font-size: 1.6rem;
    font-style: normal;
    text-decoration: inherit;
    vertical-align: text-bottom;
    content: '\f002';
    margin-bottom: 2px;
    margin-bottom: .1rem;
    border: 0;
    cursor: pointer;
    line-height: normal;
    text-transform: uppercase;
    vertical-align: bottom;
    
    
    
    
}

textarea {
    width: 100%;
    max-width: 100%;
    -o-transition-property: none;
    -moz-transition-property: none;
    -webkit-transition-property: none;
    transition-property: none;
}

form:disabled,
form[disabled],
button:disabled,
button[disabled],
input:disabled,
input[disabled],
select:disabled,
select[disabled],
textarea:disabled,
textarea[disabled],
label:disabled,
label[disabled],
fieldset:disabled,
fieldset[disabled],
legend:disabled,
legend[disabled],
optgroup:disabled,
optgroup[disabled],
datalist:disabled,
datalist[disabled],
keygen:disabled,
keygen[disabled],
output:disabled,
output[disabled],
form:disabled:hover,
form[disabled]:hover,
button:disabled:hover,
button[disabled]:hover,
input:disabled:hover,
input[disabled]:hover,
select:disabled:hover,
select[disabled]:hover,
textarea:disabled:hover,
textarea[disabled]:hover,
label:disabled:hover,
label[disabled]:hover,
fieldset:disabled:hover,
fieldset[disabled]:hover,
legend:disabled:hover,
legend[disabled]:hover,
optgroup:disabled:hover,
optgroup[disabled]:hover,
datalist:disabled:hover,
datalist[disabled]:hover,
keygen:disabled:hover,
keygen[disabled]:hover,
output:disabled:hover,
output[disabled]:hover,
form:disabled:focus,
form[disabled]:focus,
button:disabled:focus,
button[disabled]:focus,
input:disabled:focus,
input[disabled]:focus,
select:disabled:focus,
select[disabled]:focus,
textarea:disabled:focus,
textarea[disabled]:focus,
label:disabled:focus,
label[disabled]:focus,
fieldset:disabled:focus,
fieldset[disabled]:focus,
legend:disabled:focus,
legend[disabled]:focus,
optgroup:disabled:focus,
optgroup[disabled]:focus,
datalist:disabled:focus,
datalist[disabled]:focus,
keygen:disabled:focus,
keygen[disabled]:focus,
output:disabled:focus,
output[disabled]:focus,
form:disabled:active,
form[disabled]:active,
button:disabled:active,
button[disabled]:active,
input:disabled:active,
input[disabled]:active,
select:disabled:active,
select[disabled]:active,
textarea:disabled:active,
textarea[disabled]:active,
label:disabled:active,
label[disabled]:active,
fieldset:disabled:active,
fieldset[disabled]:active,
legend:disabled:active,
legend[disabled]:active,
optgroup:disabled:active,
optgroup[disabled]:active,
datalist:disabled:active,
datalist[disabled]:active,
keygen:disabled:active,
keygen[disabled]:active,
output:disabled:active,
output[disabled]:active {
    background: #989898;
    color: #b3b3b3;
}

button:disabled,
button[disabled],
input:disabled,
input[disabled],
select:disabled,
select[disabled],
textarea:disabled,
textarea[disabled],
button:disabled:hover,
button[disabled]:hover,
input:disabled:hover,
input[disabled]:hover,
select:disabled:hover,
select[disabled]:hover,
textarea:disabled:hover,
textarea[disabled]:hover,
button:disabled:focus,
button[disabled]:focus,
input:disabled:focus,
input[disabled]:focus,
select:disabled:focus,
select[disabled]:focus,
textarea:disabled:focus,
textarea[disabled]:focus,
button:disabled:active,
button[disabled]:active,
input:disabled:active,
input[disabled]:active,
select:disabled:active,
select[disabled]:active,
textarea:disabled:active,
textarea[disabled]:active {
    border: 2px solid #989898;
}

/*--------------------------------------------------------------
## WPFORMS
--------------------------------------------------------------*/

/* ==========================================================================
   Base - basic bare bones styling
   ========================================================================== */

.wpforms-clear:before {
    content: " ";
    display: table;
}

.wpforms-clear:after {
    clear: both;
    content: " ";
    display: table;
}

.wpforms-container ul,
.wpforms-container ul li {
    background: none;
    border: 0;
    margin: 0;
    list-style: none;
	padding: 0;
}

/* Basic Field proprties
----------------------------------------------------------------------------- */

/* Field sizes - medium */

.contact-button-container {
    margin-top: 20px;
    margin-top: 2rem;
}

.contact-button-container.hide {
    display: none;
}

.wpforms-container textarea.wpforms-field-medium {
    height: 120px;
    height: 12rem;
    max-width: 100%;
}

/* Field sizes - small */

.wpforms-container input.wpforms-field-small,
.wpforms-container select.wpforms-field-small,
.wpforms-container .wpforms-field-row.wpforms-field-small {
    max-width: 25%;
}

.wpforms-container textarea.wpforms-field-small {
    height: 70px;
    height: 7rem;
    max-width: 100%;
}

/* Field sizes - medium */

.wpforms-container input.wpforms-field-large,
.wpforms-container select.wpforms-field-large,
.wpforms-container .wpforms-field-row.wpforms-field-large,
.comment-form input,
.comment-form select {
    max-width: 100%;
}

.comment-form input[type="text"],
.comment-form input[type="email"], 
.comment-form input[type="password"],
.comment-form input[type="number"],
.comment-form input[type="tel"],
.comment-form textarea,
.comment-form select {
    width: 100%;
}

.wpforms-container textarea.wpforms-field-large,
.comment-form textarea {
    height: 220px;
    height: 22rem;
    max-width: 100%;
}

.comment-form textarea {
    display: block;
}

/* Field container*/

.wpforms-container .wpforms-field,
.comment-form>p {
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    padding: 10px 0;
    padding: 1rem 0;
    position: relative;
}

.comment-form-cookies-consent {
    display: flex;
}

#wp-comment-cookies-consent {
    flex-shrink: 0;
}
/* Field description */

.wpforms-container .wpforms-field-description {
    font-size: 14px;
    font-size: 0.85em;
    margin: 5px 0 0 0;
}

/* Labels and sub-labels */

.wpforms-container .wpforms-field-label,
.comment-form label,
.login label,
label:not(.timo-settings-switch) {
    display: block;
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-weight: 700;
    float: none;
    line-height: 1;
    padding-bottom: 4px;
    padding-bottom: 0.4rem;
}

.wpforms-container .wpforms-field-label input[type=checkbox],
.comment-form label input[type=checkbox],
.login label input[type=checkbox],
label input[type=checkbox],
.wpforms-container .wpforms-field-label input[type=radio],
.comment-form label input[type=radio],
.login label input[type=radio],
label input[type=radio] {
    vertical-align: bottom;
}

.login form input[type=checkbox] {
    vertical-align: initial !important;
    /* margin: 0 !important; */
}
.login .privacy-policy-page-link {
    display: none;
}

input[type=checkbox]+label,
input[type=radio]+label {
    display: inline;
}

.entry-content label:not(.wpforms-field-label):not(.wpforms-field-sublabel) {
padding-top: 1rem;
}

.wpforms-container .wpforms-field-sublabel {
    display: block;
    font-size: 14px;
    font-size: 0.85em;
    float: none;
    color: #666;
}

.wpforms-container .wpforms-field-label-inline {
    display: inline;
    vertical-align: baseline;
    font-weight: 400;
}

.wpforms-container .wpforms-field-label.wpforms-label-hide,
.wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide {
    position: absolute;
    left: -99999px;
}

.wpforms-container .wpforms-required-label,
.comment-form .required {
    color: #BF2413;
    font-weight: normal;
    vertical-align: super;
}

.wpforms-confirmation-container p {
    font-weight: bold;
    font-size: 20px;
    font-size: 2rem;
}

/* Rows (multi-line fields: address, credit card, etc)
----------------------------------------------------------------------------- */

.wpforms-container .wpforms-field-row {
    margin-bottom: 8px;
    position: relative;
}

.wpforms-container .wpforms-field .wpforms-field-row:last-of-type {
    margin-bottom: 0;
}

.wpforms-container .wpforms-field-row:before {
    content: " ";
    display: table;
}

.wpforms-container .wpforms-field-row:after {
    clear: both;
    content: " ";
    display: table;
}

/* Columns
----------------------------------------------------------------------------- */

/* User column classes  */

.wpforms-container .wpforms-five-sixths,
.wpforms-container .wpforms-four-sixths,
.wpforms-container .wpforms-four-fifths,
.wpforms-container .wpforms-one-fifth,
.wpforms-container .wpforms-one-fourth,
.wpforms-container .wpforms-one-half,
.wpforms-container .wpforms-one-sixth,
.wpforms-container .wpforms-one-third,
.wpforms-container .wpforms-three-fourths,
.wpforms-container .wpforms-three-fifths,
.wpforms-container .wpforms-three-sixths,
.wpforms-container .wpforms-two-fourths,
.wpforms-container .wpforms-two-fifths,
.wpforms-container .wpforms-two-sixths,
.wpforms-container .wpforms-two-thirds {
    float: left;
    margin-left: 0%;
    clear: none;
}

.wpforms-container .wpforms-one-half,
.wpforms-container .wpforms-three-sixths,
.wpforms-container .wpforms-two-fourths {
    width: 100%;
}

.wpforms-container .wpforms-one-third,
.wpforms-container .wpforms-two-sixths {
    width: 30.6666666667%;
}

.wpforms-container .wpforms-four-sixths,
.wpforms-container .wpforms-two-thirds {
    width: 65.3333333333%;
}

.wpforms-container .wpforms-one-fourth {
    width: 22%;
}

.wpforms-container .wpforms-three-fourths {
    width: 74%;
}

.wpforms-container .wpforms-one-fifth {
    width: 16.8%;
}

.wpforms-container .wpforms-two-fifths {
    width: 37.6%;
}

.wpforms-container .wpforms-three-fifths {
    width: 58.4%;
}

.wpforms-container .wpforms-four-fifths {
    width: 79.2%;
}

.wpforms-container .wpforms-one-sixth {
    width: 13.3333333333%;
}

.wpforms-container .wpforms-five-sixths {
    width: 82.6666666667%;
}

.wpforms-container .wpforms-first {
    clear: both !important;
    margin-left: 0 !important;
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
}

/* User list column classes  */

.wpforms-container .wpforms-checkbox-2-columns ul,
.wpforms-container .wpforms-multiplechoice-2-columns ul,
.wpforms-container .wpforms-list-2-columns ul,
.wpforms-container .wpforms-checkbox-3-columns ul,
.wpforms-container .wpforms-multiplechoice-3-columns ul,
.wpforms-container .wpforms-list-3-columns ul {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wpforms-container .wpforms-checkbox-2-columns ul li,
.wpforms-container .wpforms-multiplechoice-2-columns ul li,
.wpforms-container .wpforms-list-2-columns ul li {
    width: 50%;
    display: block;
    padding-right: 26px;
}

.wpforms-container .wpforms-checkbox-3-columns ul li,
.wpforms-container .wpforms-multiplechoice-3-columns ul li,
.wpforms-container .wpforms-list-3-columns ul li {
    width: 33.3333%;
    display: block;
    padding-right: 26px;
}

/* Legacy, for BC */

.wpforms-container .wpforms-first-half {
    float: left;
    width: 48%;
    clear: both;
}

.wpforms-container .wpforms-last-half {
    float: right;
    width: 48%;
    clear: none;
}

.wpforms-container .wpforms-first-third {
    float: left;
    width: 30.666666667%;
    clear: both;
}

.wpforms-container .wpforms-middle-third {
    float: left;
    width: 30.666666667%;
    margin-left: 4%;
    clear: none;
}

.wpforms-container .wpforms-last-third {
    float: right;
    width: 30.666666667%;
    clear: none;
}

.wpforms-container .wpforms-last {
    float: right !important;
    margin-right: 0 !important;
    clear: none;
}

/* Preset Layouts
----------------------------------------------------------------------------- */

/* Single line */

.wpforms-container.inline-fields {
    overflow: hidden;
}

.wpforms-container.inline-fields .wpforms-field-container {
    display: table;
    width: calc(100% - 160px);
    float: left;
}

.wpforms-container.inline-fields .wpforms-field {
    display: table-cell;
    padding-right: 2%;
}

.wpforms-container.inline-fields .wpforms-submit-container {
    float: right;
    width: 160px;
}

.wpforms-container.inline-fields .wpforms-submit {
    display: block;
    width: 100%;
}

.wpforms-container.inline-fields input.wpforms-field-medium,
.wpforms-container.inline-fields select.wpforms-field-medium,
.wpforms-container.inline-fields .wpforms-field-row.wpforms-field-medium {
    max-width: 100%;
}

/* Set Styles
----------------------------------------------------------------------------- */

.wpforms-container input[type=date],
.wpforms-container input[type=datetime],
.wpforms-container input[type=datetime-local],
.wpforms-container input[type=email],
.wpforms-container input[type=month],
.wpforms-container input[type=number],
.wpforms-container input[type=password],
.wpforms-container input[type=range],
.wpforms-container input[type=search],
.wpforms-container input[type=tel],
.wpforms-container input[type=text],
.wpforms-container input[type=time],
.wpforms-container input[type=url],
.wpforms-container input[type=week],
.wpforms-container select,
.wpforms-container textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: none;
}

/* Errors, Warnings, etc
----------------------------------------------------------------------------- */

.wpforms-container .wpforms-error-container {
    color: #BF2413;
}

.wpforms-container label.wpforms-error {
    display: block;
    color: #BF2413;
    font-size: 10px;
    font-size: 0.6em;
    float: none;
}

.wpforms-container .wpforms-field input.wpforms-error,
.wpforms-container .wpforms-field textarea.wpforms-error,
.wpforms-container .wpforms-field select.wpforms-error {
    border: 2px solid #BF2413;
}

.wpforms-container .wpforms-field-credit-card-expiration label.wpforms-error,
.wpforms-container .wpforms-field-credit-card-code label.wpforms-error {
    display: none !important;
}

.wpforms-container .wpforms-error-alert {
    color: #b94a48;
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    padding: 10px 15px;
    font-size: 14px;
    margin: 0 0 10px 0;
}

/* reCAPTCHA Area
----------------------------------------------------------------------------- */

.wpforms-container .wpforms-recaptcha-container {
    padding: 10px 0 20px 0;
    padding: 1rem 0 2rem 0;
    clear: both;
}

/* Form Header area
----------------------------------------------------------------------------- */

.wpforms-container .wpforms-title {
    font-size: 26px;
    font-size: 2.6rem;
    margin: 0 0 10px 0;
    margin: 0 0 1rem 0;
}

.wpforms-container .wpforms-description {
    margin: 0 0 10px 0;
    margin: 0 0 1rem 0;
}

/* Form Footer area
----------------------------------------------------------------------------- */

.wpforms-container .wpforms-submit-container {
    padding: 10px 0 0 0;
    padding: 1rem 0 0 0;
    position: relative;
}

/* Date/time field
----------------------------------------------------------------------------- */

.wpforms-container .wpforms-field-date-time-date-sep {
    display: inline-block;
    padding: 0 5px;
}

.wpforms-container .wpforms-field-date-time-date-year,
.wpforms-container .wpforms-field-date-time-date-day,
.wpforms-container .wpforms-field-date-time-date-month {
    display: inline-block;
    width: auto;
}

/* Page Indicator themes
----------------------------------------------------------------------------- */

.wpforms-container .wpforms-page-indicator {
    margin: 0 0 20px 0;
    overflow: auto;
}

/** Circles theme **/

.wpforms-container .wpforms-page-indicator.circles {
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding: 15px 10px;
}

.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page {
    float: left;
    margin: 0 20px 0 0;
}

.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page:last-of-type {
    margin: 0;
}

.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page-number {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 10px 0 0;
    line-height: 40px;
    text-align: center;
    background-color: #ddd;
    color: #666;
}

.wpforms-container .wpforms-page-indicator.circles .active .wpforms-page-indicator-page-number {
    color: #fff;
}

/* Connector theme */

.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page {
    float: left;
    text-align: center;
    line-height: 1.2;
}

.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-number {
    display: block;
    text-indent: -9999px;
    height: 6px;
    background-color: #ddd;
    margin: 0 0 16px 0;
    position: relative;
}

.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-triangle {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -5px;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: transparent transparent transparent transparent;
}

.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-title {
    display: inline-block;
    padding: 0 15px;
    font-size: 16px;
}

/* Progress theme */

.wpforms-container .wpforms-page-indicator.progress {
    font-size: 18px;
}

.wpforms-container .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap {
    display: block;
    width: 100%;
    background-color: #ddd;
    height: 18px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin: 5px 0 0;
}

.wpforms-container .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress {
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
}

/* Misc
----------------------------------------------------------------------------- */

.wpforms-container.not-active {
    max-height: 0px;
    overflow: hidden;
    display: none;
    
    
    
    
}

.wpforms-container.active,
.no-js .wpforms-container,
.no-js .wpforms-container.active,
.no-js .wpforms-container.not-active {
    display: block;
    margin-bottom: 26px;
    overflow: visible;
    max-height: 100%;
    opacity: 1;
    
    
    
    
}

.ie-old .wpforms-container,
.ie8 .wpforms-container {
    max-width: 900px;
}

.ie-old .wpforms-container.not-active {
    display: none;
}

.ie-old .wpforms-container.active {
    height: 100%;
    max-height: 100%;
    display: inherit;
}

.contact-button {
    -o-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -webkit-transition: width 0.5s ease;
    transition: width 0.5s ease;
}

.no-js .contact-button {
    display: none;
}

/* Honeypot Area */

.wpforms-container .wpforms-field-hp {
    display: none !important;
    position: absolute !important;
    left: -9000px !important;
}

.wpforms-container .wpforms-field-hidden {
    display: none;
}

/* Media Queries
----------------------------------------------------------------------------- */

/* Small devices */

@media only screen and (max-width: 600px) {
    /* Mobile width override */
    .wpforms-container .wpforms-mobile-full {
        width: 100%;
        margin-left: 0;
        float: none;
    }
    /* Full width for all sizes */
    .wpforms-container input.wpforms-field-medium,
    .wpforms-container select.wpforms-field-medium,
    .wpforms-container .wpforms-field-row.wpforms-field-medium,
    .wpforms-container input.wpforms-field-small,
    .wpforms-container select.wpforms-field-small,
    .wpforms-container.wpforms-field-row.wpforms-field-small,
    .wpforms-container input.wpforms-field-large,
    .wpforms-container select.wpforms-field-large,
    .wpforms-container .wpforms-field-row.wpforms-field-large {
        max-width: 100%;
    }
    /* User list column classes  */
    .wpforms-container .wpforms-checkbox-2-columns ul li,
    .wpforms-container .wpforms-multiplechoice-2-columns ul li,
    .wpforms-container .wpforms-list-2-columns ul li,
    .wpforms-container .wpforms-checkbox-3-columns ul li,
    .wpforms-container .wpforms-multiplechoice-3-columns ul li,
    .wpforms-container .wpforms-list-3-columns ul li {
        float: none;
        width: 100%;
    }
    /* Page indicator */
    .wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page {
        float: none;
        display: block;
        margin: 0 0 10px 0;
    }
    .wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page-number {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page {
        width: 100% !important;
        padding: 5px 10px;
    }
    .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page.active {
        font-weight: 700;
    }
    .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-number {
        display: none;
    }
    /* Preset layout - single line */
    .wpforms-container.inline-fields .wpforms-field-container,
    .wpforms-container.inline-fields .wpforms-field {
        display: block;
        width: 100%;
    }
    .wpforms-container.inline-fields .wpforms-submit-container {
        width: 100%;
    }
}

/*--------------------------------------------------------------
# Timo Settings
--------------------------------------------------------------*/

.timo-settings-container {
    text-align: left;
}

.timo-settings-entry {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

.timo-settings-entry label:not(.timo-settings-switch) {
    font-weight: initial;
    cursor: pointer;
    line-height: 1.3;
    padding: 0;
}

.timo-settings-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    width: 7rem;
    height: 3rem;
    min-width: 7rem;
    min-height: 3rem;
    margin-left: 1rem;
}

/* Hide default HTML checkbox */

.timo-settings-switch input {
    display: none;
}

/* The slider */

.timo-settings-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #333;
    -webkit-transition: .4s;
    transition: .4s;
    overflow: hidden;
}

.timo-settings-switch.yes-no-switch .slider {
    background-color: #cc0000;
}

.timo-settings-switch.on-off-switch .slider {
    background-color: #666;
}

.timo-settings-switch .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    top: 4px;
    height: 2rem;
    width: 2rem;
    left: calc( (3rem - 2rem) / 2);
    top: calc( (3rem - 2rem) / 2);
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.timo-settings-switch .slider:after {
    display: inline-block;
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    color: #ffffff;
    font-size: 16px;
    font-size: 1.4rem;
    font-style: normal;
    text-decoration: inherit;
    vertical-align: text-bottom;
    content: "";
    border: 0;
    cursor: pointer;
    margin-left: 3.7rem;
    -webkit-animation: 0.5s switchLabelChangeBack;
    animation: 0.5s switchLabelChangeBack;
    animation-fill-mode: forwards;
    line-height: normal;
    text-transform: uppercase;
    vertical-align: bottom;
}

.timo-settings-switch.yes-no-switch .slider:after {
    margin-left: 3.7rem;
    content: "NO";
}

html.ru-RU .timo-settings-switch.yes-no-switch .slider:after {
    content: "НЕТ";
    margin-left: 3.4rem;
}

.timo-settings-switch.on-off-switch .slider:after {
    margin-left: 3.4rem;
    content: "OFF";
}

html.ru-RU .timo-settings-switch.on-off-switch .slider:after {
    content: "ВЫКЛ";
    margin-left: 3.1rem;
}

@-webkit-keyframes switchLabelChangeBack {
    0% {
        -webkit-transform: translateX(0);
        opacity: 0;
    }
    25% {
        -webkit-transform: translateX(3rem);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}

@keyframes switchLabelChangeBack {
    0% {
        transform: translateX(0);
        opacity: 0;
    }
    25% {
        transform: translateX(3rem);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes switchLabelChange {
    0% {
        -webkit-transform: translateX(0);
        opacity: 0;
    }
    25% {
        -webkit-transform: translateX(-3rem);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}

@keyframes switchLabelChange {
    0% {
       transform: translateX(0);
       opacity: 0;
    }
    25% {
        transform: translateX(-3rem);
        opacity: 0;
    }
    100% {
       transform: translateX(0);
       opacity: 1;
    }
}

.timo-settings-switch input:checked+.slider {
    background-color: #00daf3;
}

.timo-settings-switch input:focus+.slider {
    box-shadow: 0 0 1px #a7f6ff;
}

.timo-settings-switch input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    -webkit-transform: translateX(4rem);
    -ms-transform: translateX(4rem);
    transform: translateX(4rem);
}

.timo-settings-switch input:checked+.slider:after {
    content: "YES";
    margin-left: 1.1rem;
    -webkit-animation: 0.5s switchLabelChange;
    animation: 0.5s switchLabelChange;
    animation-fill-mode: forwards;
}

.timo-settings-switch.yes-no-switch input:checked+.slider:after {
    content: "YES";
    margin-left: 1.1rem;
}

html.ru-RU .timo-settings-switch.yes-no-switch input:checked+.slider:after {
    content: "ДА";
    margin-left: 1.5rem;
}

.timo-settings-switch.on-off-switch input:checked+.slider:after {
    content: "ON";
    margin-left: 1.4rem;
}

html.ru-RU .timo-settings-switch.on-off-switch input:checked+.slider:after {
    content: "ВКЛ";
    margin-left: 1.1rem;
}

.timo-settings-switch .slider.round {
    border-radius: 34px;
    border-radius: 2.5rem;
}

.timo-settings-switch .slider.round:before {
    border-radius: 50%;
    width: 2rem;
}

.timo-settings-switch input:checked+.slider.round:before {
    -webkit-transform: translateX(4rem);
    -ms-transform: translateX(4rem);
    transform: translateX(4rem);
}

.timo-settings-entry-footer {
        font-family: 'Roboto', Arial, Helvetica, 'SimHei', 'Heiti SC', 'Hei', sans-serif;
        padding: 1rem 0;
        color: #8c8c8c;
        font-size: 80%;
        line-height: 1.2;
        padding-top: 0.5rem;
        padding-bottom: 2rem;
}

.widget .timo-settings-entry-footer:last-of-type {
    padding-bottom: 0;
}

.widget.notsupported {
    pointer-events: none;
    color: #bfbfbf;
}

.widget.notsupported * {
    pointer-events: none;
    color: #bfbfbf;
}

.widget.notsupported .timo-settings-switch input:checked+.slider {
    background: #bfbfbf;
}

#timo-settings-fontsize-options {
    display: flex;
}

.timo-settings-option-button {
    min-height: 3rem;
    min-width: 3rem;
    padding: 0;
    background: #666666;
    border: 0;
    margin: 1px;
}

.timo-settings-option-button.current {
    background: #00daf3;
    pointer-events: none;
}

.timo-settings-fontsize-option::before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'FontAwesome';
    font-style: normal;
    text-decoration: inherit;
    vertical-align: text-bottom;
    content: "\f031";
    border: 0;
    cursor: pointer;
    line-height: normal;
    text-transform: uppercase;
    vertical-align: middle;
    transform: rotate(0);
    
    
    
    
}

.timo-settings-option-button:hover,
.timo-settings-option-button:focus,
.timo-settings-option-button:active {
    border: 0;
}

#timo-settings-fontsize-option-small::before {
    font-size: 12px;
    font-size: 1.2rem;
}

#timo-settings-fontsize-option-normal::before {
    font-size: 14px;
    font-size: 1.4rem;
}

#timo-settings-fontsize-option-big::before {
    font-size: 16px;
    font-size: 1.6rem;
}

/* reCaptcha */

.g-recaptcha .rc-anchor-light {
    background: none !important;
    border: 2px solid #404040 !important;
    color: #000 !important;
}

.g-recaptcha .rc-anchor-normal {
    height: 74px !important;
    width: 300px !important;
}

.g-recaptcha .rc-anchor {
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
    color: #961D0F;
    text-decoration: none;
    word-wrap: break-word;
    hyphens: manual;
    -webkit-font-smoothing: antialiased;
}

.touchingtrue boy:not(.home) .site-content a:not(.ajax-style-link),
a:hover,
a:focus,
a:active {
    color: #BF2413;
}

.touchingtrue .site-content a,
a:hover {
    text-decoration: none;
}

a:focus,
a:active {
    outline: none;
    text-decoration: underline;
}

.touchingtrue .site-content a,
a:hover,
a:active {
    outline: 0;
}

/*--------------------------------------------------------------
## Logo
--------------------------------------------------------------*/

.site-header {
    background-color: transparent;
    max-width: 20rem;
    width: 10.55rem;
    position: fixed;
    z-index: 10000000000;
    min-height: 48px;
    min-height: 4.8rem;
    left: 20px;
    left: 2rem;
    top: 20px;
    top: 2rem;
    box-shadow: 3px 5px 15px 0px rgba(0, 0, 0, 0.5);
    mix-blend-mode: unset;
    
    
    
    
}

@supports(left: max(0px)) {
    .ios .site-header {
        left: max(2rem, constant(safe-area-inset-left));
        left: max(2rem, env(safe-area-inset-left));
    }
}

.loading .site-header {
      -webkit-animation: colorchangefade 1s infinite;
      animation: colorchangefade 1s infinite;
}

.no-js.loading .site-header {
    -webkit-animation: colorchangefade 1s 10;
    animation: colorchangefade 1s 10;
}

html.loading .site-header .site-logo,
html.no-js.loading .site-header .site-logo {
    cursor: progress;
}

html.fadesiteout .site-header {
    -webkit-animation: colorchangefade 1s infinite;
    animation: colorchangefade 1s infinite;
    mix-blend-mode: unset;
    cursor: progress;
}

.ie-old .site-header {
    width: 150px;
}

@supports(mix-blend-mode: darken) {
html.loaded .site-header {
    mix-blend-mode: darken;
}

html.loaded:not(.toggled) .site-header:hover,
html.loaded:not(.toggled) .site-header:active,
html.loaded:not(.toggled) .site-header:focus,
html.loaded:not(.toggled) .site-header.transparent:hover,
html.loaded:not(.toggled) .site-header.transparent:active,
html.loaded:not(.toggled) .site-header.transparent:focus {
    mix-blend-mode: darken;
}
}
html.loaded .site-header.transparent {
    opacity: 1;
    background: transparent;
    mix-blend-mode: unset;
    box-shadow: 3px 5px 15px 0px rgba(33, 33, 33, 0.13);
    
    
    
    
}

html.loaded .site-header.transparent:hover,
html.loaded .site-header.transparent:active,
html.loaded .site-header.transparent:focus {
    background-color: #000;
    max-width: 20rem;
    width: 10.55rem;
}

/* html.loaded .site-header.transparent:hover,
html.loaded .site-header.transparent:active,
html.loaded .site-header.transparent:focus, */
html.photoswipe-visible.loaded:not(.toggled) .site-header,
html.photoswipe-visible.loaded:not(.toggled) .site-header.transparent,
html.photoswipe-visible.loaded:not(.toggled) .site-header:hover,
html.photoswipe-visible.loaded:not(.toggled) .site-header.transparent:hover,
html.photoswipe-visible.loaded:not(.toggled) .site-header:active,
html.photoswipe-visible.loaded:not(.toggled) .site-header.transparent:active,
html.photoswipe-visible.loaded:not(.toggled) .site-header:focus,
html.photoswipe-visible.loaded:not(.toggled) .site-header.transparent:focus {
    mix-blend-mode: unset;
}

html.photoswipe-visible .site-header,
html.photoswipe-visible .site-header.transparent {
    background: transparent;
    box-shadow: none;
    max-width: unset;
    width: auto;
}

html.photoswipe-visible.toggled .site-header,
html.photoswipe-visible.toggled .site-header.transparent {
    background: transparent;
    mix-blend-mode: unset;
    box-shadow: unset;
}

html.fadesiteout .site-header.transparent {
    background-color: #000;
    mix-blend-mode: unset;
    box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.5);
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

html.loaded.end-in-view:not(.shortscroll):not(.toggled):not(.fadesiteout) .menu-toggle,
html.loaded.end-in-view:not(.shortscroll):not(.toggled):not(.fadesiteout) .site-header,
html.loaded.end-in-view:not(.shortscroll):not(.toggled):not(.fadesiteout) .site-header.transparent,
html.loaded.end-in-view:not(.shortscroll):not(.toggled):not(.fadesiteout) .go-to-top-wrapper.in-view {
    opacity: 0.2;
    
    
    
    
}

html.loaded.touch.inputfield-in-view:not(.toggled):not(.fadesiteout) .menu-toggle,
html.loaded.touch.inputfield-in-view:not(.toggled):not(.fadesiteout) .site-header,
html.loaded.touch.inputfield-in-view:not(.toggled):not(.fadesiteout) .site-header.transparent,
html.loaded.touch.inputfield-in-view:not(.toggled):not(.fadesiteout) .go-to-top-wrapper.in-view {
    opacity: 0;
    pointer-events: none;
    
    
    
    
}

html.toggled .site-header,
html.toggled .site-header.transparent,
html.toggled .site-header.transparent:hover,
html.toggled .site-header.transparent:active,
html.toggled .site-header.transparent:focus {
    background: #333;
    width: 20rem;
    
    
    
    
    mix-blend-mode: unset;
    box-shadow: 3px 5px 15px 0px rgba(0, 0, 0, 0.5);
}

html.toggled.toggleremoving .site-header {
    background-color: #000;
    max-width: 20rem;
    width: 10.55rem;
    
    
    
    
}

@supports(margin: max(0px)) {
    .ios.toggled.toggleremoving .site-header {
        left: max(2rem, constant(safe-area-inset-left));
        left: max(2rem, env(safe-area-inset-left));
    }
}

.toggled.searchtrue .site-header {
    width: calc( 100% - 9rem);
    max-width: 100%;
    
    
    
    
}

#masthead-progress {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    overflow: hidden;
}

#masthead-progress-inner {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 100%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 168, 187, 0.6);
}

html.ajaxenabled #masthead-progress-inner {
    background-color: rgba(144, 244, 255, 0.6);
}

body.pace-done #masthead-progress,
body.pace-done #masthead-progress-inner {
    -webkit-animation: 2s fadeOutQuick;
    animation: 2s fadeOutQuick;
    animation-fill-mode: forwards;
}

.site-branding {
    z-index: 99999999;
    overflow: hidden;
}

.site-branding:after {
    display: block;
    content: "";
    clear: both;
}

.header-main {
    min-height: 48px;
    min-height: 4.8rem;
    padding: 0;
}

.site-logo {
    padding: 0;
    z-index: -10000;
    max-width: 20rem;
    width: 10.55rem;
    height: 48px;
    height: 4.8rem;
    display: block;
    float: left;
    clear: none;
    overflow: hidden;
    transform: none;
}

.ie .site-logo-white {
    position: fixed;
    left: 25px;
    background: #000;
}

.ie-old .site-logo-white {
    position: absolute;
    left: 10px;
    background: #000;
}

.ie-old .site-logo a {
    background: #000;
}

html.toggled .site-logo {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    }

.site-header:after {
    content: " ";
    display: inline;
    position: relative;
}

.site-title {
    display: none;
    float: left;
    font-size: 22px;
    font-size: 2.2rem;
    font-family: 'Roboto Slab', Arial, Helvetica, 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 700;
    line-height: 47px;
    line-height: 4.7rem;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 32px;
    margin-left: 3.2rem;
    padding-left: 9px;
    padding-left: 0.9rem;
    padding-right: 10px;
    padding-right: 1rem;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    opacity: 1;
    -o-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.site-logo svg * {
    -o-transition: fill 0.5s ease;
    -moz-transition: fill 0.5s ease;
    -webkit-transition: fill 0.5s ease;
    transition: fill 0.5s ease;
}

.login .site-logo svg *,
.page-error .site-logo svg * {
    /* fill: #5afeff; */
}

html.loaded .site-header.transparent .site-title {
    color: #000;
}

html.loaded .site-header.transparent:hover .site-title,
html.loaded .site-header.transparent:active .site-title,
html.loaded .site-header.transparent:focus .site-title,
html.fadesiteout .site-header.transparent .site-title,
html.photoswipe-visible .site-header .site-title,
html.photoswipe-visible .site-header.transparent .site-title {
    color: #FFF;
}

html.loaded .site-header.transparent .site-branding .site-logo svg * {
    fill: #000;
    -o-transition: fill 0.5s ease;
    -moz-transition: fill 0.5s ease;
    -webkit-transition: fill 0.5s ease;
    transition: fill 0.5s ease;
}

html.loaded .site-header.transparent:hover .site-branding .site-logo svg *,
html.loaded .site-header.transparent:active .site-branding .site-logo svg *,
html.loaded .site-header.transparent:focus .site-branding .site-logo svg *,
html.fadesiteout .site-header.transparent .site-branding .site-logo svg *,
html.photoswipe-visible .site-header .site-branding .site-logo svg *,
html.photoswipe-visible .site-header.transparent .site-branding .site-logo svg * {
    fill: #FFF;
    -o-transition: fill 0.5s ease;
    -moz-transition: fill 0.5s ease;
    -webkit-transition: fill 0.5s ease;
    transition: fill 0.5s ease;
}

.site-title a {
    color: #000;
}

.site-logo:hover,
.site-logo:focus,
.site-logo:active {
    /* background-color: #961D0F;
    background-color: rgba(150, 29, 15, 1); */
    color: #FFF;
    box-shadow: inset 0px 0px 20px 3px rgba(53, 53, 53, 0.2);
    -o-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

@-webkit-keyframes colorchangesitelogo {
    0% {
        background: #ab0000;
    }
    50% {
        background: #670000;
    }
    100% {
        background: #ab0000;
    }
}

@keyframes colorchangesitelogo {
    0% {
        background: #ab0000;
    }
    50% {
        background: #670000;
    }
    100% {
        background: #ab0000;
    }
}

.site-logo .site-title,
.site-logo .site-title a,
.site-logo:hover .site-title,
.site-logo:focus .site-title,
.site-logo:active .site-title,
.site-logo:hover .site-title a,
.site-logo:focus .site-title a,
.site-logo:active .site-title a {
    color: #FFF;
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
}

html.fadesiteout .site-logo,
html.fadesiteout .site-logo:hover,
html.fadesiteout .site-logo:focus,
html.fadesiteout .site-logo:active {
    background: initial;
    color: initial;
    pointer-events: none;
}

.site-description {
    display: none;
}

#wpadminbar {
    position: fixed !important;
    z-index: 99999999999;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation {
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    clear: none;
    display: block;
    float: left;
    width: auto;
}

.menu-wrapper {
    position: fixed;
    display: none;
    overflow-y: hidden;
    overflow-x: hidden;
    position: fixed;
    text-align: center;
    max-height: none;
    z-index: 1000;
    opacity: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    padding: 0px;
    padding: 0rem;
    right: -100%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    
    
    
    
}

html.toggled .main-navigation .menu-wrapper {
    display: block;
}

html.toggled:not(.toggleadding) .main-navigation .menu-wrapper {
    opacity: 1;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
}
html.toggleadding .main-navigation .menu-wrapper {
    -webkit-animation: menu-wrapper-animation 0.5s ease-out;
    animation: menu-wrapper-animation 0.5s ease-out;
}

.toggleremoving .main-navigation .menu-wrapper {
    -webkit-animation: menu-wrapper-animation-remove 0.6s cubic-bezier(0.4, 0, 1, 1);
    animation: menu-wrapper-animation-remove 0.6s cubic-bezier(0.4, 0, 1, 1);
}

@-webkit-keyframes menu-wrapper-animation {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50%);
    }
    20% {
        opacity: 0;
        -webkit-transform: translateX(-50%);
    }
    60% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(-100%);
    }
}

@keyframes menu-wrapper-animation {
    0% {
        opacity: 0;
        transform: translateX(-50%);
    }
    20% {
        opacity: 0;
        transform: translateX(-50%);
    }
    60% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        transform: translateX(-100%);
    }
}

@-webkit-keyframes menu-wrapper-animation-remove {
    0% {
        opacity: 1;
        -webkit-transform: translateX(-100%);
    }
    40% {
        opacity: 1;
    }
    80% {
        opacity: 0;
        -webkit-transform: translateX(-50%);
    }
    100% {
    }
}

@keyframes menu-wrapper-animation-remove {
    0% {
        opacity: 1;
        transform: translateX(-100%);
    }
    40% {
        opacity: 1;
    }
    80% {
        opacity: 0;
        transform: translateX(-50%);
    }
    100% {
    }
}

.menu-toggle {
    position: fixed;
    background: #000;
    right: 20px;
    right: 2rem;
    top: 20px;
    top: 2rem;
    padding: 10px 12px;
    padding: .6em .75em;
    min-height: 48px;
    min-height: 4.8rem;
    min-width: 48px;
    min-width: 4.8rem;
    border: none;
    box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.5);
    



    z-index: 99999999;
}

@supports(right: max(0px)) {
    .ios .menu-toggle {
        right: max(2rem, constant(safe-area-inset-right));
        right: max(2rem, env(safe-area-inset-right));
    }
}

.loading .menu-toggle {
    display: none;
}

.loaded .menu-toggle {
    animation: 1s toggleFadeIn;
    animation-fill-mode: forwards;
}

@-webkit-keyframes toggleFadeIn {
    0% {
        opacity: 0;
        display: block;
    }
    20% {
        opacity: 0;
    }
    100% {
        visibility: visible;
        opacity: 1;
    }
}

@keyframes toggleFadeIn {
    0% {
        opacity: 0;
        display: block;
    }
    20% {
        opacity: 0;
    }
    100% {
        visibility: visible;
        opacity: 1;
    }
}

.menu-toggle::before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'FontAwesome';
    font-size: 16px;
    font-size: 1.6rem;
    font-style: normal;
    text-decoration: inherit;
    vertical-align: text-bottom;
    content: "\f067";
    color: #FFF;
    border: 0;
    cursor: pointer;
    line-height: normal;
    text-transform: uppercase;
    vertical-align: bottom;
    transform: rotate(0);
    
    
    
    
}

html.loaded:not(.toggled) .site-header.transparent .menu-toggle {
    border: none;
    background: transparent;
    box-shadow: 5px 5px 15px 0px rgba(33, 33, 33, 0.13);
    
    
    
    
}

html.loaded .site-header.transparent .menu-toggle::before {
    color: #3a3a3a;
    
    
    
    
}

@supports(mix-blend-mode: difference) {
    html.loaded .site-header.transparent .menu-toggle::before {
        color: #000;
    }
    html.loaded .main-navigation.toggled .menu-toggle::before {
        color: #333;
    }
}

.main-navigation.toggled .menu-toggle {
    border: 2px solid #333;
    background-color: #EEE;
    box-shadow: 5px 5px 15px 0px rgba(199, 199, 199, 0.3);
}

.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle:active,
.main-navigation.toggled .menu-toggle:hover,
.main-navigation.toggled .menu-toggle:focus,
.main-navigation.toggled .menu-toggle:active,
html.loaded .site-header.transparent .menu-toggle:hover,
html.loaded .site-header.transparent .menu-toggle:focus,
html.loaded .site-header.transparent .menu-toggle:active {
    background: #BF2413;
    box-shadow: 5px 5px 15px 0px rgba(78, 0, 0, 0.3);
    
    
    
    
}

.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle:active,
html.loaded .site-header.transparent .menu-toggle:hover,
html.loaded .site-header.transparent .menu-toggle:focus,
html.loaded .site-header.transparent .menu-toggle:active {
    border: none;
}

.main-navigation.toggled .menu-toggle:hover,
.main-navigation.toggled .menu-toggle:focus,
.main-navigation.toggled .menu-toggle:active {
    border: 2px solid transparent;
    
    
    
    
}

.main-navigation.toggled .menu-toggle::before {
    color: #333;
    transform: rotate(45deg);
}

.menu-toggle:hover:before,
.menu-toggle:focus:before,
.menu-toggle:active:before,
.main-navigation.toggled .menu-toggle:hover:before,
.main-navigation.toggled .menu-toggle:focus:before,
.main-navigation.toggled .menu-toggle:active:before,
html.loaded .site-header.transparent .menu-toggle:hover:before,
html.loaded .site-header.transparent .menu-toggle:focus:before,
html.loaded .site-header.transparent .menu-toggle:active:before {
    color: #FFF;
    
    
    
    
}

.menu-settings {
    display: block;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    background: transparent;
    top: 68px;
    top: 6.8rem;
    right: 120px;
    right: 12rem;
    padding: 5px 5px;
    padding: .3em .3em;
    min-height: 48px;
    min-height: 4.8rem;
    min-width: 48px;
    min-width: 4.8rem;
    /* border: none; */
    z-index: 99999999;
    
    
    
    
}

html.toggled .menu-settings {
    visibility: visible;
    opacity: 1;
    right: 20px;
    right: 2rem;
    pointer-events: all;
    
    
    
    
}

html.toggled.toggleremoving .menu-settings {
    right: 120px;
    right: 12rem;
    opacity: 0;
    
    
    
    
}

html.toggled.searchtrue .menu-settings {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

html.toggled:not(.searchtrue) .searchwp-live-search-results,
html.toggled:not(.searchtrue) .searchwp-live-search-results-showing {
    display: none;
    opacity: 0;
}
html.toggled.searchtrue .searchwp-live-search-results,
html.toggled.searchtrue .searchwp-live-search-results-showing {
    display: block;
    opacity: 1;
    height: auto;
    overflow: auto;
}

.menu-settings::before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'FontAwesome';
    font-size: 20px;
    font-size: 2rem;
    font-style: normal;
    text-decoration: inherit;
    vertical-align: text-bottom;
    content: "\f013";
    border: 0;
    color: #333;
    cursor: pointer;
    line-height: normal;
    text-transform: uppercase;
    vertical-align: bottom;
    transform: rotate(0deg);
    
    
    
    
}

html.settings-active .menu-settings::before {
    content: "\f0c9";
}

@supports(right: max(0px)) {
    html.toggled.ios .menu-settings {
        right: max(2rem, constant(safe-area-inset-right));
        right: max(2rem, env(safe-area-inset-right));
    }
}

.menu-settings:hover::before,
.menu-settings:active::before,
.menu-settings:focus::before {
    color: #FFF;
}
@media screen and (min-width: 371px) {
    .menu-settings {
        top: 20px;
        top: 2rem;
        left: 125px;
        left: 12.5rem;
        right: auto;
        right: auto;
    }
    html.toggled .menu-settings {
        visibility: visible;
        opacity: 1;
        left: 225px;
        left: 22.5rem;
        right: auto;
        pointer-events: all;
        
        
        
        
    }
    html.toggled.toggleremoving .menu-settings {
        left: 125px;
        left: 12.5rem;
        right: auto;
        opacity: 0;
        
        
        
        
    }
    @supports(right: max(0px)) {
        html.toggled.ios .menu-settings {
            left: max(22.5rem, calc(constant(safe-area-inset-right) + 20.5rem));
            left: max(22.5rem, calc(env(safe-area-inset-right) + 20.5rem));
            right: auto;
        }
    }
}

.go-to-top-wrapper {
    opacity: 0;
    position: fixed;
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    left: 125.5px;
    left: 12.55rem;
    top: 20px;
    top: 2rem;
    
    
    
    
    z-index: 100000000;
}

@supports(margin: max(0px)) {
    .ios .go-to-top-wrapper {
        left: max(12.55rem, calc(constant(safe-area-inset-left) + 10.55rem));
        left: max(12.55rem, calc(env(safe-area-inset-left) + 10.55rem));
    }
}

html.fadesiteout .go-to-top-wrapper {
    display: none;
}

@supports(right: max(0px)) {
    .ios .go-to-top-wrapper {
        right: max(2rem, constant(safe-area-inset-right));
        right: max(2rem, env(safe-area-inset-right));
    }
}

.go-to-top-button,
.go-to-top-link {
    padding: 10px 8px;
    padding: .6em .5em;
    min-height: 48px;
    min-height: 4.8rem;
    width: auto;
    border-color: transparent;
    
    
    
    
}

.go-to-top-button {
    opacity: 0;
    background: transparent;
    pointer-events: none;
}

.go-to-top-link {
    display: none;
}

.go-to-top-button::before,
.go-to-top-link:before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'FontAwesome';
    color: #696969;
    font-size: 16px;
    font-size: 1.6rem;
    font-style: normal;
    text-decoration: inherit;
    vertical-align: text-bottom;
    content: "\f077";
    border: 0;
    cursor: pointer;
    line-height: normal;
    text-transform: uppercase;
    vertical-align: bottom;
    
    
    
    
}

.go-to-top-button:focus,
.go-to-top-button:hover,
.go-to-top-button:active {
    background: transparent;
    border-color: transparent;
}

.go-to-top-button:focus:before,
.go-to-top-button:hover:before,
.go-to-top-button:active:before,
.go-to-top-link:focus:before,
.go-to-top-link:hover:before,
.go-to-top-link:active:before {
    color: #BF2413;
    
    
    
    
}

.go-to-top-wrapper.in-view,
.go-to-top-wrapper.in-view .go-to-top-button {
    opacity: 1;
    
    
    
    
    pointer-events: all;
}

.no-js .go-to-top-wrapper,
.no-js .go-to-top-link {
    display: block;
    opacity: 1;
}

.no-js .go-to-top-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
}

.no-js .go-to-top-button {
    display: none;
}

.go-to-top-link:hover,
.go-to-top-link:active,
.go-to-top-link:focus {
    background-color: #BF2413;
}

.main-navigation .search-form {
    width: 100%;
    margin: 20px auto;
    margin: 2rem auto;
}

.main-navigation .search-form .search-field {
    width: 70%;
    width: calc( 100% - 5rem);
    min-width: 80px;
    min-height: 4rem;
    
    
    
    
}

.main-navigation>.search-form {
    width: 200px;
    width: 20rem;
    max-width: 877px;
    max-width: calc( 800px + 4.8rem);
    position: fixed;
    display: none;
    overflow: hidden;
    max-height: 5rem;
    max-height: calc(5rem - 2px);
    opacity: 0;
    top: 20px;
    top: 2rem;
    left: 20px;
    left: 2rem;
    margin: 0px auto;
    z-index: 100000;
}

@supports(left: max(0px)) {
    .ios .main-navigation>.search-form {
        left: max(2rem, constant(safe-area-inset-left));
        left: max(2rem, env(safe-area-inset-left));
        width: min(calc( 100vw - 9rem), calc( 100vw - 5rem - constant(safe-area-inset-left) - constant(safe-area-inset-right)));
        width: min(calc( 100vw - 9rem), calc( 100vw - 5rem - env(safe-area-inset-left) - env(safe-area-inset-right)));
    }
}

.toggled .main-navigation>.search-form {
    display: block;
    opacity: 1;
    -webkit-animation: search-form-animation 1s ease-in-out;
    animation: search-form-animation 1s ease-in-out;
}

.toggleremoving .main-navigation>.search-form {
    -webkit-animation: search-form-animation-remove 0.6s ease-in-out;
    animation: search-form-animation-remove 0.6s ease-in-out;
}

@-webkit-keyframes search-form-animation {
    0% {
        display: block;
        opacity: 0.3;
        width: 10rem;
    }
    1% {
        opacity: 0;
    }
    20% {
        opacity: 0.6;
        width: 10rem;
    }
    100% {
        opacity: 1;
        width: calc( 100% - 9rem);
    }
}

@keyframes search-form-animation {
    0% {
        display: block;
        opacity: 0.3;
        width: 10rem;
    }
    1% {
        opacity: 0;
    }
    20% {
        opacity: 0.6;
        width: 10rem;
    }
    100% {
        opacity: 1;
        width: calc( 100% - 9rem);
    }
}

@-webkit-keyframes search-form-animation-remove {
    0% {
        display: block;
        opacity: 1;
        width: 20rem;
    }
    60% {
        opacity: 0;
        width: 10rem;
    }
    100% {
        display: none;
    }
}

@keyframes search-form-animation-remove {
    0% {
        display: block;
        opacity: 1;
        width: 20rem;
    }
    60% {
        opacity: 0;
        width: 10rem;
    }
    100% {
        display: none;
    }
}

.main-navigation>.search-form>label {
    display: inline;
}

.main-navigation>.search-form .search-field,
.main-navigation>.search-form .search-submit {
    font-size: 20px;
    font-size: 2rem;
    float: left;
    clear: none;
}

.main-navigation>.search-form .search-submit {
    background: transparent;
    border-color: transparent;
    opacity: 0;
    pointer-events: none;
    display: none;
}

.main-navigation>.search-form .search-submit:before {
    font-weight: 900;
}

.main-navigation>.search-form .search-field {
    width: 169px;
    background: transparent;
    color: #FFF;
    
    
    
    
}

.main-navigation>.search-form .search-field::-webkit-input-placeholder,
.main-navigation>.search-form .search-field:-ms-input-placeholder,
.main-navigation>.search-form .search-field::-moz-placeholder,
.main-navigation>.search-form .search-field:-moz-placeholder,
.main-navigation>.search-form .search-field::placeholder {
    color: #FFF;
    opacity: 1;
}

.toggled .main-navigation>.search-form .search-field {
    width: 100%;
    border: 2px solid transparent;
    min-width: 1px;
    max-width: 200px;
    max-width: 20rem;
}

html.toggled:not(.toggleadding):not(.toggleremoving):not(.searchtrue) .main-navigation>.search-form .search-field {
    background-color: #333;
    
    
    
    
}

.no-touch.toggled .main-navigation>.search-form .search-field {
    
    
    
    
}

.main-navigation .menu-wrapper>div:first-of-type {
    padding: 88px 20px 20px 20px;
    padding: 8.8rem 2rem 2rem 2rem;
    -webkit-overflow-scrolling: touch; 
    overflow-x: hidden;
    position: absolute;
    top: 0;
    left: 0;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    transform: none;
    -webkit-transform: none;
}

html.settings-not-active .main-navigation .menu-wrapper>div:first-of-type {
    display: block;
    transform: none;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    overflow-y: scroll;
    
    
    
    
}

html.settings-active .main-navigation .menu-wrapper>div:first-of-type {
    -webkit-transform: translateX(600px);
    transform: translateX(600px);
    opacity: 0.1;
    overflow: hidden;
    
    
    
    
}

@-webkit-keyframes main-menu-activate {
    0% {
        opacity: 0.1;
        left: 600px;
        overflow: hidden;
    }
    100% {
        opacity: 1;
        left: 0;
        overflow-y: auto;
    }
}

@keyframes main-menu-activate {
    0% {
        opacity: 0.1;
        left: 600px;
        overflow: hidden;
    }
    100% {
        opacity: 1;
        left: 0;
        overflow-y: auto;
    }
}

@-webkit-keyframes main-menu-deactivate {
    0% {
        opacity: 1;
        left: 0;
    }
    100% {
        opacity: 0.1;
        left: 600px;
        overflow: hidden;
    }
}

@keyframes main-menu-deactivate {
    0% {
        opacity: 1;
        left: 0;
    }
    100% {
        opacity: 0.1;
        left: 600px;
        overflow: hidden;
    }
}

@supports(padding-left: max(0px)) {
    .ios .main-navigation .menu-wrapper>div:first-of-type {
        padding-left: max(2rem, constant(safe-area-inset-left));
        padding-left: max(2rem, env(safe-area-inset-left));
        padding-right: max(2rem, constant(safe-area-inset-right));
        padding-right: max(2rem, env(safe-area-inset-right));
    }
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    margin: 5px 0;
    margin: .5rem 0rem;
    text-align: left;
}
.main-navigation .nav-menu li:first-of-type,
.main-navigation .nav-menu li:first-of-type a:first-of-type {
    margin-top: 0;
}
.main-navigation a {
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    text-decoration: none;
    color: #333;
    
    
    
    
}

.main-navigation .nav-menu a {
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', sans-serif;
    font-size: 8vmin;
    font-size: calc(1rem + 7vmin);
    line-height: 1;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
}

html.fontsize1 .main-navigation .nav-menu a {
    font-size: 6vmin;
    font-size: calc(0.8rem + 5vmin);
}
html.fontsize3 .main-navigation .nav-menu a {
    font-size: 10vmin;
    font-size: calc(1.2rem + 9vmin);
}


.main-navigation .sidebar a {
    padding: 0;
}

.main-navigation .menu a {
    display: inline-block;
}

.main-navigation .nav-menu>li>a {
    font-weight: 700;
    margin-left: -3px;
    margin-left: -0.05em;
}

.main-navigation a:hover {
    color: #BF2413;
    
    
    
    
}

.main-navigation a:focus,
.main-navigation a:active {
    color: #BF2413;
    
    
    
    
}

.main-navigation .nav-menu .menu-item-has-children>a::after,
.main-navigation .nav-menu .page_item_has_children>a::after,
.main-navigation .nav-menu .menu-item-has-children li.menu-item-has-children>a::after,
.main-navigation .nav-menu .menu-item-has-children li.page_item_has_children>a::after,
.main-navigation .nav-menu .page_item_has_children li.menu-item-has-children>a::after,
.main-navigation .nav-menu .page_item_has_children li.page_item_has_children>a::after {
    -webkit-font-smoothing: antialiased;
    content: "\f107";
    display: inline;
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'FontAwesome';
    padding-left: 5px;
    padding-left: 0.2em;
    vertical-align: middle;
}

.main-navigation li.current-menu-item>a {
    color: #751106;
}

.main-navigation li.lang-item {
    display: inline-block;
}

.main-navigation li.lang-item a:hover,
.main-navigation li.lang-item a:active,
.main-navigation li.lang-item a:focus {
    text-decoration: none;
    color: #FFF;
    background: #BF2413;
}

.main-navigation li.lang-item.current-lang a {
    color: #FFF;
    background: #333;
}

.main-navigation li.lang-item>a:before,
.widget.widget_polylang .lang-item>a:before {
    padding-left: 2px;
    font-size: 60%;
    padding-right: 2px;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    font-weight: 100;
    text-transform: none;
    vertical-align: middle;
    border: 1px solid #333;
    border: 0.1rem solid #333;
    line-height: normal;
    color: #333;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    
    
    
    
}

.widget.widget_polylang .lang-item>a:before {
    border: 1px solid #FFF;
    border: 0.1rem solid #FFF;
    color: #FFF;
}

.main-navigation li.lang-item.current-lang a:before {
    color: #333;
    background: #FFF;
    border: 2px solid #FFF;
    border: 0.1rem solid #FFF;
}

.widget.widget_polylang .lang-item.current-lang a:before {
    color: #00acbf;
    background: #FFF;
    border: 1px solid #FFF;
    border: 0.1rem solid #FFF;
    margin-left: 0;
}

.main-navigation li.lang-item>a:hover:before,
.main-navigation li.lang-item>a:active:before,
.main-navigation li.lang-item>a:focus:before,
.widget.widget_polylang .lang-item>a:hover:before,
.widget.widget_polylang .lang-item>a:active:before,
.widget.widget_polylang .lang-item>a:focus:before {
    color: #FFF;
    border: 2px solid #FFF;
    border: 0.1rem solid #FFF;
    
    
    
    
}

.main-navigation li.lang-item.current-lang>a:hover:before,
.main-navigation li.lang-item.current-lang>a:active:before,
.main-navigation li.lang-item.current-lang>a:focus:before,
.widget.widget_polylang .lang-item.current-lang>a:hover:before,
.widget.widget_polylang .lang-item.current-lang>a:active:before,
.widget.widget_polylang .lang-item.current-lang>a:focus:before {
    color: #333;
}

.widget.widget_polylang .lang-item>a:hover:before,
.widget.widget_polylang .lang-item>a:active:before,
.widget.widget_polylang .lang-item>a:focus:before {
    border: 1px solid #FFF;
    border: 0.1rem solid #FFF;
}

.main-navigation li.lang-item-ru>a:before,
.widget.widget_polylang .lang-item-ru>a:before {
    content: "ru";
}

.main-navigation li.lang-item-en>a:before,
.widget.widget_polylang .lang-item-en>a:before {
    content: "en";
}

.main-navigation li.lang-item-zh>a:before,
.widget.widget_polylang .lang-item-zh>a:before {
    content: "cn";
}

.main-navigation .nav-menu ul ul {
    margin-right: 25px;
    margin-left: 2.5rem;
}

.main-navigation .nav-menu ul a {
    font-size: 7vmin;
    font-size: calc(0.8rem + 6vmin);
    margin-left: 20px;
    margin-left: 2rem;
}

html.fontsize1 .main-navigation .nav-menu ul a {
    font-size: 5vmin;
    font-size: calc(0.6rem + 4vmin);
}
html.fontsize3 .main-navigation .nav-menu ul a {
    font-size: 9vmin;
    font-size: calc(1rem + 8vmin);
}

.main-navigation .nav-menu ul ul a {
    font-size: 6vmin;
    font-size: calc(0.7rem + 5.5vmin);
}

html.fontsize1 .main-navigation .nav-menu ul ul a {
    font-size: 4vmin;
    font-size: calc(0.5rem + 3.5vmin);
}
html.fontsize3 .main-navigation .nav-menu ul ul a {
    font-size: 8vmin;
    font-size: calc(0.9rem + 7.5vmin);
}

/* Small menu. */

.menu-toggle,
.main-navigation.toggled .nav-menu {
    display: block;
}

.toggled .main-navigation .nav-menu {
    opacity: 1;
    
}

html.settings-active .main-navigation .nav-menu {
    pointer-events: none;
}

.toggled.toggleremoving .main-navigation .nav-menu {
    opacity: 0;
    
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    overflow: hidden;
}

.site-main .comment-navigation a,
.site-main .posts-navigation a,
.site-main .post-navigation a {
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    
    
    
    
}

.footer-navigation {
    display: block;
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', 'Heiti SC', 'Hei', sans-serif;
}

.footer-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    display: table;
}

.footer-navigation li {
    /* float: left; */
    position: relative;
    display: inline-block;
}

.footer-navigation a {
    color: #333;
    display: block;
    display: inline-block;
    padding: 0;
    margin-right: 10px;
    margin-right: 1rem;
    white-space: nowrap;
}

.footer-navigation li a {
    display: block;
    white-space: normal;
}

.no-touch .footer-navigation ul li a:hover,
.footer-navigation ul li a:focus {
    color: #840000;
    
    
    
    
}

.footer-navigation .current_page_item>a,
.footer-navigation .current_page_ancestor>a,
.footer-navigation .current-menu-item>a,
.footer-navigation .current-menu-ancestor>a,
.footer-navigation .current_page_parent>a {
    color: #751106;
}

.footer-navigation .page_item_has_children ul {
    display: none;
}

/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/

.pagination-wrapper {
    min-height: 60px;
    min-height: 11rem;
    width: 100%;
    display: block;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 10000000;
}

.pagination-wrapper:empty {
    display: none;
}

.ajax-style-button-wrapper {
    width: 100%;
    height: 150px;
    height: 15rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    padding-left: 2rem;
    padding-right: 2rem;
    background-color: rgba(56, 233, 253, 0.6);
    justify-content: center;
    align-items: center;
    -o-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

@supports(padding: max(0px)) {
    .ios .ajax-style-button-wrapper {
        padding-left: max(2rem, constant(safe-area-inset-left));
        padding-right: max(2rem, constant(safe-area-inset-right));
        padding-left: max(2rem, env(safe-area-inset-left));
        padding-right: max(2rem, env(safe-area-inset-right));
    }
}

.ajax-comments-more-wrapper {
    background: #dedede;
}

#main-portfolio-button-wrapper,
html:not(.textonly) #main-blog-button-wrapper {
    background: transparent;
    min-height: 30vh;
    padding: 0;
}

html.textonly #main-portfolio-button-wrapper,
html.textonly #main-blog-button-wrapper {
    min-height: 10rem;
}

#main-portfolio-button-wrapper a,
#main-blog-button-wrapper a {
    font-size: 2rem;
    text-align: center;
}

.no-js .ajax-style-button-wrapper {
    display: none;
}

.random-ajax-button-wrapper {
    background: transparent;
    display: inline-block;
}

.ajax-style-button,
button.ajax-style-button,
input[type="button"].ajax-style-button,
input[type="reset"].ajax-style-button,
input[type="submit"].ajax-style-button,
.comment-form input[type="submit"] {
    background: transparent;
    color: #333;
    
    
    
    
}
.comment-form input[type="submit"]:hover,
.comment-form input[type="submit"]:active,
.comment-form input[type="submit"]:focus {
    background: #BF2413;
    color: #FFF;
}

.ajax-more-button::before,
.ajax-comments-more-button::before {
    content: "+";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    text-decoration: inherit;
    vertical-align: text-bottom;
    border: 0;
    margin-right: 10px;
    margin-right: 1rem;
    cursor: pointer;
    line-height: normal;
    text-transform: uppercase;
    vertical-align: baseline;
}

.ajax-style-link {
    border: 2px solid #333;
    color: #333;
    border-radius: 0px;
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    padding: 10px 16px;
    padding: .6em 1em;
    min-height: 4rem;
    
    
    
    
}

#main-portfolio-button::after,
#main-blog-button::after {
    content: ">";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    text-decoration: inherit;
    vertical-align: text-bottom;
    border: 0;
    margin-left: 10px;
    margin-left: 0.6rem;
    cursor: pointer;
    line-height: normal;
    text-transform: uppercase;
    vertical-align: baseline;
}

#page-reset-link::before {
    content: "<";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    text-decoration: inherit;
    vertical-align: text-bottom;
    border: 0;
    margin-right: 10px;
    margin-right: 0.6rem;
    cursor: pointer;
    line-height: normal;
    text-transform: uppercase;
    vertical-align: baseline;
}

.ajax-style-button:hover,
.ajax-style-button:active,
.ajax-style-button:focus {
    background: #BF2413;
    color: #FFF;
    
    
    
    
}

.ajax-style-link:hover,
.ajax-style-link:active,
.ajax-style-link:focus {
    background: #BF2413;
    color: #FFF;
    border-color: #BF2413;
    text-decoration: none;
    
    
    
    
}

.touch .ajax-style-button,
.touch .ajax-style-button:hover,
.touch .ajax-style-button:active,
.touch .ajax-style-button:focus,
.touch .ajax-style-link,
.touch .ajax-style-link:hover,
.touch .ajax-style-link:active,
.touch .ajax-style-link:focus {
    transition: unset;
    -o-transition: unset;
    -moz-transition: unset;
    -webkit-transition: unset;
}

.ajax-style-button-wrapper.loading {
    background-color: rgba(199, 199, 199, 0.6);
    -o-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease;
    cursor: wait;
}

.ajax-style-button-wrapper.loading .ajax-style-button,
.ajax-style-button-wrapper.loading .ajax-style-button:hover,
.ajax-style-button-wrapper.loading .ajax-style-button:active,
.ajax-style-button-wrapper.loading .ajax-style-button:focus {
    background: transparent;
    border-color: transparent;
    color: #666;
    pointer-events: none;
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
}

.ajax-style-button-wrapper.loading .ajax-style-button::before {
    content: "\f1ce";
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'FontAwesome';
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.navigation.pagination,
.navigation.pagelinks {
    position: inherit;
    width: 100vw;
    clear: both;
    padding-top: 40px;
    padding-top: 4rem;
    padding-bottom: 50px;
    padding-bottom: 5rem;
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    width: 100%;
    width: 100vw;
    opacity: 1;
    z-index: 999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-flex-direction: row;
    -webkit-justify-content: center;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    
    
    
    
}

.page-pagination-wrapper .navigation.pagination,
.page-pagination-wrapper .navigation.pagelinks,
.page-shortheight .navigation.pagination,
.page-shortheight .navigation.pagelinks {
    margin-left: -20px;
    margin-left: -2rem;
}

@supports(margin: max(0px)) {
    .ios .page-pagination-wrapper .navigation.pagination,
    .ios .page-pagination-wrapper .navigation.pagelinks,
    .ios .page-shortheight .navigation.pagination,
    .ios .page-shortheight .navigation.pagelinks {
        margin-left: min(-2rem, calc( constant(safe-area-inset-left) * -1));
        margin-left: min(-2rem, calc( env(safe-area-inset-left) * -1));
    }
}

.navigation.pagination .nav-links,
.navigation.pagelinks .page-links {
    background-color: rgba(255, 255, 255, .8);
    box-shadow: 5px 5px 15px 0px rgba(33, 33, 33, 0.2);
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    border: none;
    hyphens: auto;
    word-wrap: break-word;
    display: table;
    text-align: center;
    pointer-events: all;
    
    
    
    
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
}

@supports(-webkit-backdrop-filter: blur(3px)) {
    .navigation.pagination .nav-links,
    .navigation.pagelinks .page-links {
        background-color: rgba(255, 255, 255, .4);
        border: none;
        -webkit-backdrop-filter: saturate(180%) blur(20px);
    }
}

.navigation.pagination .nav-links:hover,
.navigation.pagelinks .page-links:hover {
    background: #FFF;
    
    
    
    
}

.shortheight .navigation.pagination .nav-links,
.shortheight .navigation.pagelinks .page-links,
.shortheight .navigation.pagination .nav-links:hover,
.shortheight .navigation.pagelinks .page-links:hover {
    background: #dedede;
    box-shadow: none;
}

.navigation.pagination .page-numbers,
.navigation.pagelinks .page-links .page-links-title,
.navigation.pagelinks .page-links .page-numbers {
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 900;
    line-height: 1;
    padding: 13px 13px 0 13px;
    padding: 1.3rem 1.3rem 0 1.3rem;
    text-transform: uppercase;
    min-height: 40px;
    min-height: 4rem;
    min-width: 40px;
    min-width: 4rem;
    vertical-align: baseline;
}

.navigation.pagination a,
.touchingtrue .navigation.pagination a,
.navigation.pagelinks .page-links a,
.touchingtrue .navigation.pagelinks .page-links a {
    color: #2b2b2b;
    pointer-events: all;
    text-decoration: none;
}

.navigation.pagination .page-numbers.current,
.navigation.pagelinks .page-links>.page-numbers {
    background-color: #000;
    color: #FFF;
}

.navigation.pagination a:hover,
.navigation.pagination a:focus,
.navigation.pagination a:active,
.navigation.pagelinks .page-links a:hover .page-numbers,
.navigation.pagelinks .page-links a:focus .page-numbers,
.navigation.pagelinks .page-links a:active .page-numbers {
    background-color: #BF2413;
    color: #FFF;
    text-decoration: none;
}

.navigation.pagination .prev.page-numbers:before {
    position: relative;
    -webkit-font-smoothing: antialiased;
    content: "\f053";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 12px;
    font-size: 70%;
    vertical-align: middle;
    top: -1px;
    margin-right: 4px;
    margin-right: 0.4rem;
}

.navigation.pagination .next.page-numbers:after {
    position: relative;
    -webkit-font-smoothing: antialiased;
    content: "\f054";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 12px;
    font-size: 70%;
    vertical-align: middle;
    top: -1px;
    margin-left: 4px;
    margin-left: 0.4rem;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    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;
}

#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
    float: left;
    margin-right: 24px;
    margin-right: 1.5em;
}

.alignright {
    float: right;
    margin-left: 24px;
    margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
    padding: 0 0 24px;
    padding: 0 0 1.5em;
}

.widget select {
    width: 100%;
}

.main-navigation .sidebar {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    padding: 88px 20px 20px 20px;
    padding: 8.8rem 2rem 2rem 2rem;
    background: #f5f5f5;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0, 0, 0);
    overflow-x: hidden;
    position: absolute;
    top: 0;
    left: 0;
    overflow-y: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-600px);
    transform: translateX(-600px);
    
    
    
    
}

@supports(padding-left: max(0px)) {
    .ios .main-navigation .sidebar {
        padding-left: max(2rem, constant(safe-area-inset-left));
        padding-left: max(2rem, env(safe-area-inset-left));
        padding-right: max(2rem, constant(safe-area-inset-right));
        padding-right: max(2rem, env(safe-area-inset-right));
    }
}

html.settings-active .main-navigation .sidebar {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    overflow-y: scroll;
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    
    
    
    
}

@-webkit-keyframes settings-menu-deactivate {
    0% {
        opacity: 1;
        left: 0px;
    }
    20% {
        opacity: 1;
    }
    99% {
        opacity: 0;
        left: -600px;
    }
    100% {
        display: none;
    }
}

@keyframes settings-menu-deactivate {
    0% {
        opacity: 1;
        left: 0px;
    }
    20% {
        opacity: 1;
    }
    99% {
        opacity: 0;
        left: -600px;
    }
}

@-webkit-keyframes settings-menu-activate {
    0% {
        opacity: 0;
        left: -600px;
    }
    20% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        left: 0px;
    }
}

@keyframes settings-menu-activate {
    0% {
        opacity: 0;
        left: -600px;
    }
    20% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        left: 0px;
    }
}

html.searchtrue .main-navigation .sidebar {
    display: none;
}

.main-navigation .sidebar .widget:last-of-type {
    padding-bottom: 0;
}
#wp-calendar {
    display: table;
}

.widget.widget_polylang > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.widget.widget_polylang .lang-item {
    display: inline-block;
    margin: 0;
}

.widget.widget_polylang .lang-item a {
    padding: 10px;
    padding: 1rem;
    display: inline-block;
    margin: 1px;
    margin: 0.1rem;
    background: #666666;
    color: #FFF;
}

.widget.widget_polylang .lang-item a:hover,
.widget.widget_polylang .lang-item a:active,
.widget.widget_polylang .lang-item a:focus {
    text-decoration: none;
    background: #BF2413;
}

.widget.widget_polylang .lang-item.current-lang a {
    color: #FFF;
    background: #00daf3;
    pointer-events: none;
}

.main-navigation .sidebar .widget .select {
    width: 100%;
    margin: 20px auto;
    margin: 2rem auto;
}

.main-navigation .sidebar .widget select:after {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'FontAwesome';
    font-size: 16px;
    font-size: 1.6rem;
    font-style: normal;
    text-decoration: inherit;
    vertical-align: text-bottom;
    content: '\f002';
    margin-bottom: 2px;
    margin-bottom: .1rem;
    border: 0;
    cursor: pointer;
    line-height: normal;
    text-transform: uppercase;
    vertical-align: bottom;
}

.main-navigation .sidebar .widget-title {
    margin: 0;
    padding: 10px 0;
    padding: 1rem 0;
    font-weight: 700;
    text-align: left;
    -o-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.main-navigation .sidebar h3 {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: 400;
}

.main-navigation .sidebar div:first-of-type h3:first-of-type {
    padding-top: 0;
}

.main-navigation ul,
.main-navigation ol {
    padding: 0;
}

.main-navigation .sidebar .search-form .search-field {
    width: 100%;
    background: transparent;
    color: #333;
}

.main-navigation .sidebar .search-form .search-field:focus,
.main-navigation .sidebar .search-form .search-field:hover,
.main-navigation .sidebar .search-form .search-field:active {
    background: #333;
    color: #DDD;
}

.main-navigation .sidebar .search-submit {
    display: none;
}

.searchtrue .menu-wrapper {
    background: #333;
}

.searchtrue .main-navigation.toggled .nav-menu {
    display: none;
}

.searchtrue .main-navigation .sidebar {
    opacity: 0.3;
    pointer-events: none;
}

.searchtrue .main-navigation.toggled .menu-toggle {
    box-shadow: 5px 5px 15px 0px rgba(78, 0, 0, 0.3);
    border-radius: 50%;
    transform: scale(.5);
}

.searchtrue .main-navigation.toggled .menu-toggle::before {
    font-weight: 900;
    font-size: 2.5rem;
}

@media screen and (max-width: 999px) {
    .searchtrue .main-navigation .sidebar {
        display: none;
    }
}

.toggled.searchtrue .main-navigation>.search-form {
    border-bottom: 2px solid #666;
    width: calc( 100vw - 9rem);
    
    
    
    
}

@supports(width: max(0px)) {
    .ios.toggled.searchtrue .main-navigation>.search-form {
        width: min(calc( 100vw - 9rem ), calc( 100vw - 5rem - constant(safe-area-inset-left) - constant(safe-area-inset-right)));
        width: min(calc( 100vw - 9rem ), calc( 100vw - 5rem - env(safe-area-inset-left) - env(safe-area-inset-right)));
    }
}

.toggled.searchtrue .main-navigation>.search-form .search-field,
.toggled.searchtrue .main-navigation>.search-form .search-submit {
    background: transparent;
    border-color: transparent;
    
    
    
    
}

.toggled.searchtrue .main-navigation>.search-form .search-field {
    color: #FFF;
    max-width: calc( 100vw - 9rem - 4.8rem);
    width: calc( 100vw - 9rem - 4.8rem);
}

@supports(width: max(0px)) {
    .ios.toggled.searchtrue .main-navigation>.search-form .search-field {
        max-width: min(calc( 100vw - 9rem - 4.8rem), calc( 100vw - 5rem - 4.8rem - constant(safe-area-inset-left) - constant(safe-area-inset-right)));
        max-width: min(calc( 100vw - 9rem - 4.8rem), calc( 100vw - 5rem - 4.8rem - env(safe-area-inset-left) - env(safe-area-inset-right)));
        width: min(calc( 100vw - 9rem - 4.8rem), calc( 100vw - 5rem - 4.8rem - constant(safe-area-inset-left) - constant(safe-area-inset-right)));
        width: min(calc( 100vw - 9rem - 4.8rem), calc( 100vw - 5rem - 4.8rem - env(safe-area-inset-left) - env(safe-area-inset-right)));
    }
}

.toggled.searchtrue .main-navigation>.search-form .search-submit {
    display: block;
    opacity: 1;
    pointer-events: all;
}

.toggled.searchtrue .main-navigation>.search-form .search-submit:hover:before,
.toggled.searchtrue .main-navigation>.search-form .search-submit:focus:before,
.toggled.searchtrue .main-navigation>.search-form .search-submit:active:before {
    color: #BF2413;
    
    
    
    
}

.searchwp-live-search-results {
    max-height: 40rem !important;
    border-radius: 0px !important;
    -webkit-overflow-scrolling: touch !important;
    -webkit-transform: translate3d(0, 0, 0);
}

.searchwp-live-search-results-showing {
    z-index: 9999999999 !important;
    background: #333 !important;
}

.searchwp-live-search-result a,
.searchwp-live-search-result p,
.searchwp-live-search-no-results {
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif !important;
    color: #DDD !important;
    text-align: left !important;
    white-space: normal !important;
    -o-transition: all 0.5s ease !important;
    -moz-transition: all 0.5s ease !important;
    -webkit-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important;
}

.searchwp-live-search-no-min-chars {
    text-align: center !important;
    color: rgba(238, 238, 238, 0.3) !important;
}

.searchwp-live-search-no-min-chars .spinner {
    display: none;
}

.searchwp-live-search-results {
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif !important;
}

.searchwp-live-search-result a:hover p,
.searchwp-live-search-result a:active p,
.searchwp-live-search-result a:focus p {
    color: #F9C9C2 !important;
    background: #555 !important;
    -o-transition: all 0.5s ease !important;
    -moz-transition: all 0.5s ease !important;
    -webkit-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important;
}

.searchwp-live-search-results-first {
    background: transparent !important;
    box-shadow: unset !important;
    width: 80% !important;
    width: calc( 100% - 9rem) !important;
    max-width: calc( 800px + 4.8rem) !important;
}

.error404 .searchwp-live-search-results-last,
.search-no-results .searchwp-live-search-results-last {
    width: calc(100% - 4rem) !important;
}

.searchwp-live-search-results .spinner::before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    text-decoration: inherit;
    vertical-align: text-bottom;
    border: 0;
    vertical-align: top;
    cursor: pointer;
    line-height: normal;
    content: "\f1ce";
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'FontAwesome';
    color: #EEE;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.searchwp-live-search-results .spinner div {
    display: none !important;
}

.searchwp-live-search-result a em {
    font-size: 75% !important;
    font-weight: 700 !important;
    color: #777 !important;
    font-style: normal !important;
}

.searchwp-live-search-no-results em {
    font-style: normal !important;
}

#wp-calendar {
    max-width: 300px;
    margin: 0px auto;
}

#wp-calendar th,
#wp-calendar td {
    padding: 0;
    border: none;
}

.site-footer {
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-size: 80%;
    width: 100%;
    z-index: 10000000;
    padding: 20px;
    padding: 2rem;
    margin-top: 0;
    margin-top: 0;
    color: #222;
    display: block;
    visibility: visible;
    opacity: 1;
    transition: visibility 0.3s, opacity 0.3s linear;
    background: transparent;
    display: flex;
    flex-direction: column;
}

@supports(padding: max(0px)) {
    .ios .site-footer {
        padding-left: max(2rem, constant(safe-area-inset-left));
        padding-right: max(6.8rem, calc(constant(safe-area-inset-right) + 4.8rem));
        padding-left: max(2rem, env(safe-area-inset-left));
        padding-right: max(6.8rem, calc(env(safe-area-inset-right) + 4.8rem));
    }
}

.shortheight .site-footer {
    position: fixed;
    bottom: 0px;
}

.site-footer,
.site-footer div {
    z-index: 10;
}
.toggled .site-footer,
.toggleremoving .site-footer,
.fadesiteout .site-footer {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s, opacity 0.3s linear;
}

.site-footer .footer-logo {
    margin-right: 2rem;
    margin-top: .5rem;
    z-index: 3;
    flex-shrink: 0;
  flex-grow: 0;
  order: 99;
}

.shortheight .footer-logo,
.shortscroll .footer-logo {
    display: none;
}

.timosvg-wrapper {
    background: #000;
    padding: 20px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.4rem;
    padding-bottom: 1.3rem;
    z-index: -10000;
    max-width: 20rem;
    width: 10.55rem;
    height: 48px;
    height: 4.8rem;
    display: block;
    float: left;
    clear: none;
    overflow: hidden;
    -o-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

.site-info {
    font-weight: 700;
    padding: 0.5rem 0;
}

.main-navigation>.sharebuttons-container,
.home .main-navigation>.sharebuttons-container {
    position: fixed;
    display: none;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: cyan;
    background-color: rgba(255, 255, 255, 0.8);
    margin: 0;
    padding: 0px 20px;
    padding: 0rem 2rem;
    transition: background 0.3s ease;
}

.toggleadding .main-navigation>.sharebuttons-container,
.toggleadding .home .main-navigation>.sharebuttons-container {
    background: none;
    transition: visibility 0.3s, opacity 0.3s ease;
}

.toggled .main-navigation>.sharebuttons-container,
.toggled .home .main-navigation>.sharebuttons-container {
    display: block;
    z-index: 100000;
}

.toggleremoving .main-navigation>.sharebuttons-container,
.toggleremoving .home .main-navigation>.sharebuttons-container {
    opacity: 0;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.sharebuttons-container ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    margin-left: -8px;
    margin-left: -0.6rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: left;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: center;
    justify-content: left;
    flex-wrap: wrap;
    align-items: center;
}

.main-navigation>.sharebuttons-container ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-flex-direction: row;
    -webkit-justify-content: center;
    align-items: center;
    flex-direction: row;
    justify-content: center;
}

.sharebuttons-container li {
    border: 0;
    display: inline-block;
    position: relative;
    color: #000;
    padding: 0;
    min-width: 30px;
    min-width: 3rem;
    margin: 2px 0;
    -o-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.touch .sharebuttons-container li {
    padding: 5px 5px;
    padding: .3rem .3rem;
    width: 40px;
    width: 3.6rem;
}

.sharebuttons-container li a {
    display: block;
}

.sharebuttons-container li a::before {
    display: block;
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'FontAwesome';
    font-size: 20px;
    font-size: 2rem;
    font-style: normal;
    color: #333;
    text-decoration: inherit;
    text-align: center;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    min-width: 25px;
    min-width: 2.5rem;
    -o-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.main-navigation>.sharebuttons-container li a::before {
    color: #333;
}

.main-navigation .sharebuttons-container #sharebutton-print {
    display: none;
}
/* .main-navigation .sharebuttons-container #sharebutton-linkedin {
    margin-left: -5px;
    margin-left: -0.5rem;
} */

.touchingtrue .sharebuttons-container li a,
.sharebuttons-container li:hover,
.sharebuttons-container li:hover a::before,
.sharebuttons-container li:active,
.sharebuttons-container li:active a::before,
.sharebuttons-container li:focus,
.sharebuttons-container li:focus a::before,
.sharebuttons-container li a:hover,
.sharebuttons-container li a:active,
.sharebuttons-container li a:focus,
.sharebuttons-container li a:hover::before,
.sharebuttons-container li a:active::before,
.sharebuttons-container li a:focus::before {
    text-decoration: none;
    color: #B33C2E;
    -o-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.sharebuttons-container li a[href*="facebook.com"]::before {
    content: '\f09a';
}

.sharebuttons-container li a[href*="twitter.com"]::before {
    content: '\f099';
}

.sharebuttons-container li a[href*="google.com"]::before {
    content: '\f0d5';
}

.sharebuttons-container li a[href*="linkedin.com"]::before {
    content: '\f0e1';
}

.sharebuttons-container li a[href*="instagram.com"]::before {
    content: '\f16d';
}

.sharebuttons-container li a[href*="houzz.com"]::before {
    content: '\f27c';
}

.sharebuttons-container li a[href*="quora.com"]::before {
    content: '\f2c4';
}

.sharebuttons-container li a[href*="pinterest.com"]::before {
    content: '\f0d2';
}

.sharebuttons-container li a[href*="stumbleupon.com"]::before {
    content: '\f1a4';
}

.sharebuttons-container li a[href*="delicious.com"]::before {
    content: '\f1a5';
}

.sharebuttons-container li a[href*="digg.com"]::before {
    content: '\f1a6';
}

.sharebuttons-container li a[href*="reddit.com"]::before {
    content: '\f1a1';
}

.sharebuttons-container li a[href*="tumblr.com"]::before {
    content: '\f173';
}

.sharebuttons-container li a[href*="livejournal.com"]::before {
    content: '\f040';
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.sharebuttons-container li a[href*="vk.com"]::before {
    content: '\f189';
}

.sharebuttons-container li a[href*="renren.com"]::before {
    content: '\f18b';
}

.sharebuttons-container li a[href*="weibo.com"]::before {
    content: '\f18a';
}

.sharebuttons-container li a[href*="baidu.com"]::before {
    content: '\f1b0';
}

.sharebuttons-container li a[href*="qzone.qq.com"]::before {
    content: '\f1d6';
}

.sharebuttons-container li a[href*="t.qq.com"]::before {
    content: '\f1d5';
}

.sharebuttons-container li a[href*="javascript:if(window.print)window.print()"]::before {
    content: '\f02f';
}

.sharebuttons-container li#sharebutton-copylink a::before {
    content: '\f0c1';
}

.sharebuttons-container li a[href*="mailto:"]::before {
    content: '\f0e0';
}

.sharebuttons-container li a[href*="douban.com"]::before {
    content: '\8C46';
    font-family: 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-weight: 700;
}

.sharebuttons-container li a[href*="spotify.com"]::before {
    content: '\f1bc';
}

.sharebuttons-container li a[href*="medium.com"]::before {
    content: '\f23a';
}

.sharebuttons-container li a[href*="getpocket.com"]::before {
    content: '\f265';
}

.sharebuttons-container li a[href*="whatsapp"]::before {
    content: '\f232';
}

.sharebuttons-container li a[href*="fb-messenger"]::before {
    content: '\f39f';
}

.sharebuttons-container li a[href*="t.me"]::before {
    content: '\f2c6';
}

.sharebuttons-container li a[href*="skype.com"]::before {
    content: '\f17e';
}

.sharebuttons-container li a[href*="line.me"]::before {
    content: '\f3c0';
}

.sharebuttons-container li a[href*="blogger.com"]::before {
    content: '\f37c';
}

.sharebuttons-container li a[href*="flipboard.com"]::before {
    content: '\f44d';
}

.sharebuttons-container li a[href*="ok.ru"]::before {
    content: '\f263';
}

#clipboard-textarea.hidden {
    position: absolute;
    left: -999999px;
}

.clipboardtooltip {
    position: absolute;
    display: block;
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-size: 1rem;
    background: #FFF;
    width: 50vw;
    min-height: 3rem;
    max-width: 30rem;
    background-color: #555555;
    color: #fff;
    text-align: center;
    padding: 0.7rem 1rem;
    z-index: 1;
    bottom: 0px;
    left: 3rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
}

.clipboardtooltip.visible {
    opacity: 1;
    transition: opacity 0.3s;
}

.sharebuttons-container .sharebuttons-more-button {
    min-height: 3rem;
    min-width: 3rem;
    height: 3rem;
    width: 3rem;
    padding: 0;
    background: transparent;
    border: none;
}

.sharebuttons-container .sharebuttons-menu .sharebuttons-more-button::before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'FontAwesome';
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
    font-style: normal;
    text-decoration: inherit;
    vertical-align: text-bottom;
    content: "\f141";
    border: 0;
    cursor: pointer;
    line-height: normal;
    text-transform: uppercase;
    vertical-align: bottom;
    
    
    
    
}

.sharebuttons-container .sharebuttons-menu .sharebuttons-more-button:hover:before,
.sharebuttons-container .sharebuttons-menu .sharebuttons-more-button:focus:before,
.sharebuttons-container .sharebuttons-menu .sharebuttons-more-button:active:before {
    color: #BF2413;
}

.sharebuttons-container .sharebuttons-menu.showall .sharebuttons-more-button::before {
    content: "\f053";
}

.sharebuttons-container .sharebuttons-menu.default li {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    display: inline;
    min-width: 0;
    width: 0;
    
    
    
    
}

.sharebuttons-container .sharebuttons-menu.default li:nth-of-type(1),
.sharebuttons-container .sharebuttons-menu.default li:nth-of-type(2),
.sharebuttons-container .sharebuttons-menu.default li:nth-of-type(3),
.sharebuttons-container .sharebuttons-menu.default li:nth-of-type(4),
.sharebuttons-container .sharebuttons-menu.default li:nth-of-type(5) {
    visibility: visible;
    opacity: 1;
    min-width: initial;
    pointer-events: auto;
    width: 30px;
    width: 3rem;
}

.touch .sharebuttons-container .sharebuttons-menu.default li:nth-of-type(1),
.touch .sharebuttons-container .sharebuttons-menu.default li:nth-of-type(2),
.touch .sharebuttons-container .sharebuttons-menu.default li:nth-of-type(3),
.touch .sharebuttons-container .sharebuttons-menu.default li:nth-of-type(4) {
    width: 40px;
    width: 3.6rem;
}

.touch .sharebuttons-container .sharebuttons-menu.default li {
    padding: 5px 0;
    padding: .3rem 0;

}

.sharebuttons-container .sharebuttons-menu.showall li {
    visibility: visible;
    opacity: 1;
    width: 30px;
    width: 3rem;
    pointer-events: all;
    
    
    
    
}

.touch .sharebuttons-container .sharebuttons-menu.showall li {
    width: 40px;
    width: 3.6rem;
}

.timo-privacy-popup-wrapper {
    display: none;
    padding: 1rem 2rem;
    position: fixed;
    font-size: .8em;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #e4e4e4;
    z-index: 9999999999999999999;
}

@supports(-webkit-backdrop-filter: blur(3px)) {
    .timo-privacy-popup-wrapper {
        background-color: rgba(255, 255, 255, 0.5);
        border-top: 0;
        -webkit-backdrop-filter: saturate(180%) blur(20px);
    }
}
@supports(margin: max(0px)) {
    .ios .timo-privacy-popup-wrapper {
        padding-left: max(2rem, constant(safe-area-inset-left));
        padding-right: max(2rem, constant(safe-area-inset-right));
        padding-left: max(2rem, env(safe-area-inset-left));
        padding-right: max(2rem, env(safe-area-inset-right));
    }
}

html.showprivacypopup .timo-privacy-popup-wrapper {
    display: block;
    display: flex;
}

.timo-privacy-popup-div {
    display: flex;
}
.timo-privacy-popup-div p {
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', sans-serif;
    padding: 0;
    line-height: 1;
    text-align: justify;
}
#timo-privacy-popup-action-div {
    padding-left: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

#timo-privacy-popup-details {
    font-weight: 700;
}
#timo-privacy-popup-agree-button,
#timo-privacy-popup-dismiss-button {
font-size: 1em;
min-height: unset;
padding: 0.6em;
background: transparent;
color: #333;
margin: 0.4rem;
margin-right: 0;
flex-basis: 0;
flex-grow: 1;
}
#timo-privacy-popup-dismiss-button {
    color: #BF2413;
}

#timo-privacy-popup-agree-button:hover,
#timo-privacy-popup-agree-button:focus,
#timo-privacy-popup-agree-button:active,
#timo-privacy-popup-dismiss-button:hover,
#timo-privacy-popup-dismiss-button:focus,
#timo-privacy-popup-dismiss-button:active {
    background: transparent;
    border-color: #BF2413;
    color: #BF2413;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.home .background-wrapper {
    width: 100%;
    height: 100%;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    filter: none;
    position: absolute;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.home .background-wrapper>figure,
.home .background-wrapper2>figure {
    will-change: transform;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color: transparent;
    width: 100%;
    height: 100%;
    width: 100vw;
    height: 100vh;
    top: 0px;
    left: 0px;
    opacity: 0.8;
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 0;
}

.home .background-wrapper2,
body.error404 .background-wrapper2,
body.search-no-results .background-wrapper2 {
    position: fixed;
    background-color: #5affff;
    opacity: 1;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    width: 100vw;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    transform: translateZ(0);
}
body.error404 .background-wrapper2 > figure,
body.search-no-results .background-wrapper2>figure {
    opacity: 0.2;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    width: 100vw;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    transform: translateZ(0);
    margin: 0;
}

.background-wrapper,
.background-wrapper2 {
    opacity: 1;
    -o-transition: all 0.5s ease 0.5s;
    -moz-transition: all 0.5s ease 0.5s;
    -webkit-transition: all 0.5s ease 0.5s;
    
}

.main-background-wrapper2.novideo {
    /* position: absolute; */
    background: cyan;
    opacity: 1;
}

.main-background-wrapper2.novideo > figure {
    opacity: 0.2;
    /* background: url('backgrounds/fallback_bg2.svg'); */
    /* position: absolute; */
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 60%;
    filter: saturate(1.5);
    top: 0;
    left: 0;
    margin: 0;
    z-index: -100;
}
html.touch .main-background-wrapper2.novideo {
    position: fixed;
    top: 0;
    left: 0;
}

@-webkit-keyframes colorchange {
    0% {
        background: #FFF;
    }
    10% {
        background: aquamarine;
    }
    20% {
        background: bisque;
    }
    30% {
        background: cyan;
    }
    40% {
        background: hotpink;
    }
    50% {
        background: dodgerblue;
    }
    60% {
        background: mediumpurple;
    }
    70% {
        background: sandybrown;
    }
    80% {
        background: tomato;
    }
    90% {
        background: yellow;
    }
    100% {
        background: #FFF;
    }
}

@keyframes colorchange {
    0% {
        background: #FFF;
    }
    10% {
        background: aquamarine;
    }
    20% {
        background: bisque;
    }
    30% {
        background: cyan;
    }
    40% {
        background: hotpink;
    }
    50% {
        background: dodgerblue;
    }
    60% {
        background: mediumpurple;
    }
    70% {
        background: sandybrown;
    }
    80% {
        background: tomato;
    }
    90% {
        background: yellow;
    }
    100% {
        background: #FFF;
    }
}

video#bgvid {
    position: absolute;
    min-width: 100vw;
    min-height: 100vh;
    background-size: cover;
}

html.toggled video#bgvid {
    opacity: 0;
    -o-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

body.error404 .not-found-img-wrapper {
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color: transparent;
    width: 100%;
    height: 100%;
    height: 30vh;
    margin: 0;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    padding: 0;
}

.has-post-thumbnail #page {
    background: #FFF;
}

.random-contents-site-main {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 3rem 0;
}


.toggled .background-wrapper,
.toggled .background-wrapper2,
.toggled .main-background-wrapper.novideo,
.toggled .main-background-wrapper.novideo>figure,
.toggled .main-background-wrapper2.novideo,
.toggled .main-background-wrapper2.novideo>figure,
.toggled .home .background-wrapper2,
.toggled body.error404 .background-wrapper2,
.toggled body.search-no-results .background-wrapper2,
.toggled .home .background-wrapper2>figure,
.toggled body.error404 .background-wrapper2>figure,
.toggled body.search-no-results .background-wrapper2>figure {
    opacity: 0;
    -o-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.toggleremoving .main-background-wrapper,
.toggleremoving .main-background-wrapper>figure,
.toggleremoving .main-background-wrapper2,
.toggleremoving .main-background-wrapper2>figure,
.toggleremoving .main-background-wrapper.novideo,
.toggleremoving .main-background-wrapper.novideo>figure,
.toggleremoving .main-background-wrapper2.novideo,
.toggleremoving .main-background-wrapper2.novideo>figure {
    opacity: 1;
    -o-transition: all 0.3s 0.8s ease;
    -moz-transition: all 0.3s 0.8s ease;
    -webkit-transition: all 0.3s 0.8s ease;
    transition: all 0.3s 0.8s ease;

}

.site-content,
#content {
    margin-top: 70px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 7rem;
    margin-left: 2rem;
    margin-right: 2rem;
    padding: 0;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    
    
    
    
}

@supports(margin: max(0px)) {
    .ios .site-content,
    .ios #content {
        margin-left: max(2rem, constant(safe-area-inset-left));
        margin-right: max(2rem, constant(safe-area-inset-right));
        margin-left: max(2rem, env(safe-area-inset-left));
        margin-right: max(2rem, env(safe-area-inset-right));
    }
}

body.page:not(.home) .site-content,
body.page:not(.home) #content {
    line-height: 2.2rem;
}

body.single .site-content,
body.single #content {
line-height: 2.4rem;
}

.main-content-wrapper {
    min-height: calc(100vh - 7rem);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
}

.has-post-thumbnail .site-content,
.has-post-thumbnail #content {
    margin-top: 300px;
    margin-top: 30vh;
}

html.has-post-thumbnail .background-wrapper {
    width: 100%;
    height: 300px;
    width: 100vw;
    height: 30vh;
    top: 0;
    left: 0;
    filter: none;
    position: absolute;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.background-wrapper .post-thumbnail {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 300px;
    width: 100vw;
    height: 30vh;
    top: 0;
    left: 0;
    opacity: 0.8;
    filter: none;
    position: absolute;
    margin: 0;
    padding: 0;
    -o-transition: height 0.5s ease, opacity 0.5s ease;
    -moz-transition: height 0.5s ease, opacity 0.5s ease;
    -webkit-transition: height 0.5s ease, opacity 0.5s ease;
    transition: height 0.5s ease, opacity 0.5s ease;
}

.toggled .site-content,
.toggled #content {
    -moz-transform: translateX(-30%);
    -webkit-transform: translateX(-30%);
    -o-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
    transform: translateX(-30%);
    opacity: 0;
    display: none;
    
    
    
    
}

.toggled.toggleadding .site-content,
.toggled.toggleremoving .site-content,
.toggled.toggleadding #content,
.toggled.toggleremoving #content {
    display: inherit;
}

.toggled.toggleadding .home .main-content-wrapper h1,
.toggled.toggleremoving .home .main-content-wrapper h1,
.toggled .home .main-content-wrapper h1,
.toggled.toggleadding .home.page-template-page-temp #content h1,
.toggled.toggleremoving .home.page-template-page-temp #content h1,
.toggled .home.page-template-page-temp #content h1 {
    mix-blend-mode: unset;
}

.toggled .background-wrapper .post-thumbnail {
    opacity: 0;
    
    
    
    
}

.sticky {
    display: block;
}

.hentry {
    margin: 0 0 24px;
    margin: 0 0 1.5em;
}

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

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    padding: 15px 0 0;
    padding: 1.5rem 0 0;
}

.content-area .entry-content:not(.hasphotoswipe) {
    padding-bottom: 30px;
    padding-bottom: 3rem;
}

.content-area article {
    margin: 0;
    position: relative;
}

@supports(mix-blend-mode: difference) {
    .home .main-content-wrapper article {
        mix-blend-mode: difference;
    }

    .home .main-content-wrapper h1,
    .home.page-template-page-temp #content h1,
    .home .main-content-wrapper .entry-content p {
        color: #b9b9b9;
    }
}

body.single article.post,
body.page article.page {
    min-height: 30vh;
}

.random-posts-wrapper article {
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-size: 20px;
    font-size: 2rem;
    min-height: 20vh;
}

.content-area .random-posts-wrapper article .entry-content:not(.hasphotoswipe) {
    padding-bottom: 0;
}

.content-area article > p:last-of-type:after {
    content: "";
    display: table;
    clear: both;
}

.entry-header,
.page-header {
    padding: 30px 0 20px 0;
    padding: 3rem 0 2rem 0;
}

.home .entry-header {
    margin: 0;
    margin-top: 1rem;
    padding: 0;
}

.random-contents-site-main .page-header,
.random-contents-site-main .entry-header {
    padding: 0;
    padding-right: 30px;
    padding-right: 3rem;
}

.not-found .page-header,
.search-no-results .page-header {
    padding-bottom: 0;
}

.entry-header .entry-title,
.page-header .page-title {
    padding: 0 0 5px 0;
    padding: 0 0 0.5rem 0;
    margin: 0;
    margin-left: -3px;
    margin-left: -0.3rem;
}

.entry-header .entry-title a,
.page-header .page-title a,
.excerpt-header .excerpt-title a {
    color: #565656;
    
    
    
    
}

.portfolio-style-excerpt .excerpt-header .excerpt-title a {
    color: #cccccc;
    
    
    
    
}

.portfolio-style-excerpt .excerpt-header.background--light .excerpt-title a {
    color: #333333;
    
    
    
    
}

.portfolio-style-excerpt .excerpt-header.background--dark .excerpt-title a {
    color: #dbdbdb;
    
    
    
    
}

body.attachment .entry-title::before {
        -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'FontAwesome';
    font-style: normal;
    text-decoration: inherit;
    vertical-align: text-bottom;
    margin-left: 0.3rem;
    margin-right: 1rem;
    content: "\f1c5";
    border: 0;
    line-height: normal;
    text-transform: uppercase;
    vertical-align: baseline;
    transform: rotate(0);
    
    
    
    
}

body.attachment .site-header {
    position: absolute;
}

body.attachment .menu-toggle {
    display: none;
}

.entry-title span,
.page-title span {
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    color: #610000;
    hyphens: initial;
    line-height: initial;
}

.entry-header .archive-description,
.page-header .archive-description,
.excerpt-header .archive-description {
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', sans-serif;
    padding-top: 1rem;
}

.entry-header .archive-description p:last-of-type,
.page-header .archive-description p:last-of-type,
.excerpt-header .archive-description p:last-of-type {
    padding-bottom: 0;
}
.entry-header .crumbs,
.page-header .crumbs,
.entry-header .paged,
.page-header .paged,
.entry-header .crumbs a,
.page-header .crumbs a,
.entry-header .entry-meta,
.page-header .entry-meta,
.entry-header .entry-meta a,
.page-header .entry-meta a,
.excerpt-category,
.excerpt-category a,
.excerpt-meta,
.excerpt-meta a {
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    display: inline;
}

.entry-header .crumbs,
.page-header .crumbs,
.entry-header .crumbs a,
.page-header .crumbs a,
.post-excerpt .excerpt-category,
.post-excerpt .excerpt-category a,
.portfolio-style-excerpt .excerpt-category,
.portfolio-style-excerpt .excerpt-category a {
    color: #888;
    
    
    
    
}

.entry-header .crumbs a:hover,
.entry-header .crumbs a:active,
.entry-header .crumbs a:focus,
.page-header .crumbs a:hover,
.page-header .crumbs a:active,
.page-header .crumbs a:focus,
.post-excerpt .excerpt-category a:hover,
.post-excerpt .excerpt-category a:active,
.post-excerpt .excerpt-category a:focus,
.portfolio-style-excerpt .excerpt-category a:hover,
.portfolio-style-excerpt .excerpt-category a:active,
.portfolio-style-excerpt .excerpt-category a:focus {
    color: #333;
    
    
    
    
}

.entry-header .entry-meta,
.page-header .entry-meta,
.entry-header .entry-meta a,
.page-header .entry-meta a {
    color: #333;
}

.entry-meta>span {
    margin-right: 20px;
    margin-right: 2rem;
    white-space: nowrap;
}

.entry-meta:before {
    clear: both;
    display: block;
    content: "";
    width: 100%;
}

.timo-filters-wrapper #timo-filters {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
}

.timo-filters-wrapper #timo-filters .timo-filters-parameters {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 1rem 1rem 1rem 0;
}

.timo-filters-wrapper #timo-filters .timo-filters-parameters>div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.timo-filters-wrapper #timo-filters .timo-filters-submit {
    margin: .5rem 0;
    display: flex;
    flex-direction: row;
}

.timo-filters-wrapper #timo-filters .styledSelect {
    display: none;
}

#timo-filters input[type="text"],
#timo-filters input[type="email"],
#timo-filters input[type="url"],
#timo-filters input[type="password"],
#timo-filters input[type="search"],
#timo-filters input[type="number"],
#timo-filters input[type="tel"],
#timo-filters input[type="range"],
#timo-filters input[type="date"],
#timo-filters input[type="month"],
#timo-filters input[type="week"],
#timo-filters input[type="time"],
#timo-filters input[type="datetime"],
#timo-filters input[type="datetime-local"],
#timo-filters input[type="color"],
#timo-filters textarea,
#timo-filters select {
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    display: inline;
    border: none;
    border-bottom: 0.2rem solid #000;
    font-family: inherit;
    font-size: inherit;
    border-radius: 0px;
    padding: 0 8px;
    padding: 0 0.5em;
    min-height: unset;
    text-align: center;
    color: #404040;
    background: transparent;
    margin-top: 0.2rem;
    margin-left: 10px;
    margin-right: 10px;
    margin-left: 1rem;
    margin-right: 1rem;
    text-align-last: center;
}

#timo-filters input[type="text"]:hover,
#timo-filters input[type="email"]:hover,
#timo-filters input[type="url"]:hover,
#timo-filters input[type="password"]:hover,
#timo-filters input[type="search"]:hover,
#timo-filters input[type="number"]:hover,
#timo-filters input[type="tel"]:hover,
#timo-filters input[type="range"]:hover,
#timo-filters input[type="date"]:hover,
#timo-filters input[type="month"]:hover,
#timo-filters input[type="week"]:hover,
#timo-filters input[type="time"]:hover,
#timo-filters input[type="datetime"]:hover,
#timo-filters input[type="datetime-local"]:hover,
#timo-filters input[type="color"]:hover,
#timo-filters textarea:hover,
#timo-filters select:hover,
#timo-filters input[type="text"]:focus,
#timo-filters input[type="email"]:focus,
#timo-filters input[type="url"]:focus,
#timo-filters input[type="password"]:focus,
#timo-filters input[type="search"]:focus,
#timo-filters input[type="number"]:focus,
#timo-filters input[type="tel"]:focus,
#timo-filters input[type="range"]:focus,
#timo-filters input[type="date"]:focus,
#timo-filters input[type="month"]:focus,
#timo-filters input[type="week"]:focus,
#timo-filters input[type="time"]:focus,
#timo-filters input[type="datetime"]:focus,
#timo-filters input[type="datetime-local"]:focus,
#timo-filters input[type="color"]:focus,
#timo-filters textarea:focus,
#timo-filters select:focus,
#timo-filters input[type="text"]:active,
#timo-filters input[type="email"]:active,
#timo-filters input[type="url"]:active,
#timo-filters input[type="password"]:active,
#timo-filters input[type="search"]:active,
#timo-filters input[type="number"]:active,
#timo-filters input[type="tel"]:active,
#timo-filters input[type="range"]:active,
#timo-filters input[type="date"]:active,
#timo-filters input[type="month"]:active,
#timo-filters input[type="week"]:active,
#timo-filters input[type="time"]:active,
#timo-filters input[type="datetime"]:active,
#timo-filters input[type="datetime-local"]:active,
#timo-filters input[type="color"]:active,
#timo-filters textarea:active,
#timo-filters select:active {
    border-color: #BF2413;
}

#timo-filters select#categoryfilter,
#timo-filters select#portfoliotypefilter,
#timo-filters select#playlisttypefilter {
    margin-left: 0;
}

#timo-filters label#filter-label-posts-precategory,
#timo-filters label#filter-label-posts-postcategory,
#timo-filters label#filter-label-posts-title,
#timo-filters label#filter-label-portfolio-precategory,
#timo-filters label#filter-label-portfolio-postcategory,
#timo-filters label#filter-label-portfolio-title,
#timo-filters label#filter-label-playlist-precategory,
#timo-filters label#filter-label-playlist-postcategory,
#timo-filters label#filter-label-playlist-title,
#timo-filters button {
    margin-left: 0;
    margin-right: 1rem;
}
html.ru-RU #timo-filters label#filter-label-posts-precategory:not(.type2) {
    margin-right: 0;

}

html.zh-CN #timo-filters label#filter-label-posts-precategory,
html.zh-CN #timo-filters label#filter-label-posts-postcategory,
html.zh-CN #timo-filters label#filter-label-posts-title,
html.zh-CN #timo-filters label#filter-label-portfolio-precategory,
html.zh-CN #timo-filters label#filter-label-portfolio-postcategory,
html.zh-CN #timo-filters label#filter-label-portfolio-title,
html.zh-CN #timo-filters label#filter-label-playlist-precategory,
html.zh-CN #timo-filters label#filter-label-playlist-postcategory,
html.zh-CN #timo-filters label#filter-label-playlist-title,
html.zh-CN #timo-filters input[type="text"],
html.zh-CN #timo-filters input[type="email"],
html.zh-CN #timo-filters input[type="url"],
html.zh-CN #timo-filters input[type="password"],
html.zh-CN #timo-filters input[type="search"],
html.zh-CN #timo-filters input[type="number"],
html.zh-CN #timo-filters input[type="tel"],
html.zh-CN #timo-filters input[type="range"],
html.zh-CN #timo-filters input[type="date"],
html.zh-CN #timo-filters input[type="month"],
html.zh-CN #timo-filters input[type="week"],
html.zh-CN #timo-filters input[type="time"],
html.zh-CN #timo-filters input[type="datetime"],
html.zh-CN #timo-filters input[type="datetime-local"],
html.zh-CN #timo-filters input[type="color"],
html.zh-CN #timo-filters textarea,
html.zh-CN #timo-filters select {
    margin-left: 0;
    margin-right: 0;
}

#timo-filters label {
    padding: 0;
}
#timo-filters label:empty {
    display: none;
}
#timo-filters button {
    min-height: unset;
    background: transparent;
    color: #333;
}

html.querychanging #timo-filters {
    cursor: wait;
}

html.querychanging #timo-filters .timo-filters-parameters {
    opacity: 0.5;
    pointer-events: none;
}

#timo-filters #width_tmp_select,
#timo-filters #post_type_detect {
    display: none;
}

html.querychanging #timo-filters button,
html.querychanging #timo-filters button:hover,
html.querychanging #timo-filters button:active,
html.querychanging #timo-filters button:focus {
    background: transparent;
    border-color: transparent;
    color: #666;
    pointer-events: none;
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
}

html.querychanging #timo-filters button::before {
    content: "\f1ce";
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'FontAwesome';
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    text-decoration: inherit;
    vertical-align: text-bottom;
    border: 0;
    margin-right: 10px;
    margin-right: 1rem;
    cursor: wait;
    line-height: normal;
    text-transform: uppercase;
    vertical-align: baseline;
}
html.querychanging.filtererror #timo-filters button::before {
    content: "\f06a";
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'FontAwesome';
    -webkit-animation: unset;
    animation: unset;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    text-decoration: inherit;
    vertical-align: text-bottom;
    border: 0;
    margin-right: 10px;
    margin-right: 1rem;
    cursor: wait;
    line-height: normal;
    text-transform: uppercase;
    vertical-align: baseline;
}

.timo-filters-wrapper #timo-filters .remove-filters-button {
    display: none;
}

html.isfiltered.querychanging .timo-filters-wrapper #timo-filters .apply-filters-button {
    display: none !important;
}

html.isfiltered .timo-filters-wrapper #timo-filters .remove-filters-button {
    display: block;
}

#timo-filters .remove-filters-wrapper {
    display: none;
    position: fixed;
    left: 50%;
    z-index: 1000000000;
    bottom: 2rem;
}

html.isfiltered .timo-filters-wrapper.in-view #timo-filters .remove-filters-wrapper {
    opacity: 0;
    display: block;
    pointer-events: none;
}

#timo-filters .remove-filters-button {
    color: #BF2413;
}

#timo-filters .apply-filters-button:hover,
#timo-filters .apply-filters-button:focus,
#timo-filters .apply-filters-button:active,
#timo-filters .remove-filters-button:hover,
#timo-filters .remove-filters-button:focus,
#timo-filters .remove-filters-button:active {
    background: transparent;
    border-color: #BF2413;
    color: #BF2413;
}

.site-content .timo-filters-wrapper h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0;
    padding: 0;
}

html.isfiltered .timo-filters-wrapper:not(.in-view) #timo-filters .remove-filters-wrapper {
    display: block;
    opacity: 1;
    pointer-events: auto;
    bottom: 2rem;
    z-index: 1000000000;
    
    
    
    
}

html.isfiltered .timo-filters-wrapper:not(.in-view) #timo-filters .remove-filters-button-fixed {
    position: relative;
    left: -50%;
    background-color: rgba(255, 255, 255, 0.6);
    color: #000;
    
    
    
    
}

@supports(-webkit-backdrop-filter: blur(3px)) {
    html.isfiltered .timo-filters-wrapper:not(.in-view) #timo-filters .remove-filters-button-fixed {
        -webkit-backdrop-filter: saturate(180%) blur(20px);
    }
}

html.isfiltered .timo-filters-wrapper:not(.in-view) #timo-filters .remove-filters-button-fixed:hover,
html.isfiltered .timo-filters-wrapper:not(.in-view) #timo-filters .remove-filters-button-fixed:focus,
html.isfiltered .timo-filters-wrapper:not(.in-view) #timo-filters .remove-filters-button-fixed:active {
    background: #BF2413;
    border-color: #BF2413;
    color: #FFF;
}

html.isfiltered.querychanging .timo-filters-wrapper:not(.in-view) #timo-filters .remove-filters-button-fixed {
    background: transparent;
    border-color: transparent;
    color: #666;
}

html.isfiltered.nearend .timo-filters-wrapper:not(.in-view) #timo-filters .remove-filters-wrapper {
    opacity: 0;
    pointer-events: none;
    
    
    
    
}

.sharebuttons-container h2,
.post-navigation h2,
.widget-area h2,
.comments-title {
    font-size: 20px;
    font-size: 2rem;
    margin: 0;
    padding-top: 0;
}
.comments-area .no-comments {
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-size: 100%;
    font-weight: 700;
    padding-top: 20px;
    padding-top: 2rem;
    padding-bottom: 20px;
    padding-bottom: 2rem;
}
.entry-footer {
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    color: #000;
    padding: 20px 0;
    padding: 2rem 0;
}

.entry-footer a {
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-weight: 400;
}

.entry-footer span {
    display: block;
    padding: 10px 0;
    padding: 1rem 0;
}

.entry-footer .tags-links a {
    background-color: #404040;
    color: #fff;
    font-size: 80%;
    display: inline-block;
    margin: 2px 2px 2px 0;
    margin: 0.2rem 0.2rem 0.2rem 0;
    padding: 3px 7px;
    padding: 0.3rem 0.7rem;
    position: relative;
    
    
    
    
}

.entry-footer .tags-links a:hover,
.entry-footer .tags-links a:active,
.entry-footer .tags-links a:focus {
    background-color: #B33C2E;
    color: #fff;
    text-decoration: none;
    
    
    
    
}

.entry-footer .edit-link {
    position: fixed;
    left: 20px;
    bottom: 20px;
    left: 2rem;
    bottom: 2rem;
    margin: 0;
    z-index: 10000000000;
}

.post-edit-link {
    background: #961D0F;
    opacity: 0.3;
    color: #EEE;
    padding: 10px 20px;
    display: block;
    
    
    
    
}

.toggleadding .edit-link,
.toggleremoving .edit-link,
.toggled .edit-link {
    display: none;
}

.touchingtrue .entry-footer .post-edit-link,
.entry-footer .post-edit-link:hover {
    text-decoration: none;
}

.entry-footer .post-edit-link:active,
.entry-footer .post-edit-link:focus {
    text-decoration: underline;
}

.touchingtrue .entry-footer .post-edit-link,
.entry-footer .post-edit-link:hover,
.entry-footer .post-edit-link:active,
.entry-footer .post-edit-link:focus {
    opacity: 1;
    
    
    
    color: #FFF;
    
}

.posts-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    justify-content: left;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-left: -2rem;
    width: 100vw;
}

@supports(margin: max(0px)) {
    .ios .posts-wrapper {
        margin-left: min(-2rem, calc( constant(safe-area-inset-left) * -1));
        margin-left: min(-2rem, calc( env(safe-area-inset-left) * -1));
    }
}

.portfolio-style-wrapper {
    padding: 10px 20px;
    padding: 1rem 2rem;
}

@supports(padding: max(0px)) {
    .ios .portfolio-style-wrapper {
        padding-left: max(2rem, constant(safe-area-inset-left));
        padding-left: max(2rem, env(safe-area-inset-left));
        padding-right: max(2rem, constant(safe-area-inset-left));
        padding-right: max(2rem, env(safe-area-inset-left));
    }
}

.portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper {
    background: #04e7ff;
}

.portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper.loading {
    background: #c5c5c5;
}

.posts-wrapper:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.post-excerpt,
.portfolio-style-excerpt {
    position: relative;
    padding: 0;
    margin: 0;
}

.post-excerpt {
    width: 100%;
}

.portfolio-style-excerpt {
    width: 100%;
    min-height: 100vw;
    width: calc(100vw - 4rem);
    min-height: calc(100vw - 4rem);
    overflow: hidden;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@supports(min-height: max(0px)) {
    .ios .portfolio-style-excerpt {
        width: min(calc(100vw - 4rem), calc( 100vw - constant(safe-area-inset-left)));
        width: min(calc(100vw - 4rem), calc( 100vw - env(safe-area-inset-left)));
        min-height: min(calc(100vw - 4rem), calc( 100vw - constant(safe-area-inset-left) ));
        min-height: min(calc(100vw - 4rem), calc( 100vw - env(safe-area-inset-left) ));
    }
}


article.post-excerpt,
article.portfolio-style-excerpt {
    z-index: 100;
}

article.post-excerpt {
    
    
    
    
}

html.querychanging article.post-excerpt,
html.querychanging article.portfolio-style-excerpt {
    opacity: 0.4;
    pointer-events: none;
}

article.post-excerpt.sticky.no-post-thumbnail {
    background: #B9FCFF;
}

article.post-excerpt.no-post-thumbnail:nth-of-type(7n+1) {
    background: #dbfcff;
}

article.post-excerpt.no-post-thumbnail:nth-of-type(7n+2) {
    background: #93edf7;
}

article.post-excerpt.no-post-thumbnail:nth-of-type(7n+3) {
    background: #ffd2d2;
}

article.post-excerpt.no-post-thumbnail:nth-of-type(7n+4) {
    background: #ec8c8c;
}

article.post-excerpt.no-post-thumbnail:nth-of-type(7n+5) {
    background: #e2e2e2;
}

article.post-excerpt.no-post-thumbnail:nth-of-type(7n+6) {
    background: #f1f1f1;
}

article.portfolio-style-excerpt.sticky.no-post-thumbnail {
    background: #00b2bb;
}

article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+1) {
    background: #74f2fd;
}

article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+2) {
    background: #006874;
}

article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+3) {
    background: #b92f2f;
}

article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+4) {
    background: #5f0000;
}

article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+5) {
    background: #3d3d3d;
}

article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+6) {
    background: #a1a1a1;
}

article.post-excerpt:hover .excerpt-highlight,
article.post-excerpt:active .excerpt-highlight,
article.post-excerpt:focus .excerpt-highlight,
article.post-excerpt.sticky:hover .excerpt-highlight,
article.post-excerpt.sticky:active .excerpt-highlight,
article.post-excerpt.sticky:focus .excerpt-highlight,
article.post-excerpt.no-post-thumbnail:nth-of-type(7n+1):hover .excerpt-highlight,
article.post-excerpt.no-post-thumbnail:nth-of-type(7n+1):active .excerpt-highlight,
article.post-excerpt.no-post-thumbnail:nth-of-type(7n+1):focus .excerpt-highlight,
article.post-excerpt.no-post-thumbnail:nth-of-type(7n+2):hover .excerpt-highlight,
article.post-excerpt.no-post-thumbnail:nth-of-type(7n+2):active .excerpt-highlight,
article.post-excerpt.no-post-thumbnail:nth-of-type(7n+2):focus .excerpt-highlight,
article.post-excerpt.no-post-thumbnail:nth-of-type(7n+3):hover .excerpt-highlight,
article.post-excerpt.no-post-thumbnail:nth-of-type(7n+3):active .excerpt-highlight,
article.post-excerpt.no-post-thumbnail:nth-of-type(7n+3):focus .excerpt-highlight,
article.post-excerpt.no-post-thumbnail:nth-of-type(7n+4):hover .excerpt-highlight,
article.post-excerpt.no-post-thumbnail:nth-of-type(7n+4):active .excerpt-highlight,
article.post-excerpt.no-post-thumbnail:nth-of-type(7n+4):focus .excerpt-highlight,
article.post-excerpt.no-post-thumbnail:nth-of-type(7n+5):hover .excerpt-highlight,
article.post-excerpt.no-post-thumbnail:nth-of-type(7n+5):active .excerpt-highlight,
article.post-excerpt.no-post-thumbnail:nth-of-type(7n+5):focus .excerpt-highlight,
article.post-excerpt.no-post-thumbnail:nth-of-type(7n+6):hover .excerpt-highlight,
article.post-excerpt.no-post-thumbnail:nth-of-type(7n+6):active .excerpt-highlight,
article.post-excerpt.no-post-thumbnail:nth-of-type(7n+6):focus .excerpt-highlight {
    background-color: rgba(255, 255, 255, .2);
    
    
    
    
}
article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+1):hover .excerpt-highlight,
article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+1):active .excerpt-highlight,
article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+1):focus .excerpt-highlight,
article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+2):hover .excerpt-highlight,
article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+2):active .excerpt-highlight,
article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+2):focus .excerpt-highlight,
article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+3):hover .excerpt-highlight,
article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+3):active .excerpt-highlight,
article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+3):focus .excerpt-highlight,
article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+4):hover .excerpt-highlight,
article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+4):active .excerpt-highlight,
article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+4):focus .excerpt-highlight,
article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+5):hover .excerpt-highlight,
article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+5):active .excerpt-highlight,
article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+5):focus .excerpt-highlight,
article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+6):hover .excerpt-highlight,
article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+6):active .excerpt-highlight,
article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+6):focus .excerpt-highlight {
    background-color: rgba(0,0,0,.2);
    
    
    
    
}

article.portfolio-style-excerpt.no-post-thumbnail.frontpage-excerpt {
    background-color: rgba(255, 255, 255, 0.3);
}

article.frontpage-excerpt .excerpt-header a {
    font-size: 140%;
}

article.frontpage-excerpt .excerpt-header a:after {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'FontAwesome';
    color: #610000;
    font-size: 67%;
    font-style: normal;
    text-decoration: inherit;
    vertical-align: text-bottom;
    content: "\f054";
    border: 0;
    cursor: pointer;
    line-height: normal;
    text-transform: uppercase;
    vertical-align: baseline;
    
    
    
    
    padding-left: 0.5rem;
}

.touchingtrue .post-excerpt a,
.touchingtrue .portfolio-style-excerpt a {
    text-decoration: none;
}

.post-excerpt .excerpt-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    overflow: hidden;
    
    
    
    
}
.post-excerpt.legal-content-entry:nth-of-type(odd) .excerpt-highlight {
    background: #ececec;
}
.post-excerpt.legal-content-entry:nth-of-type(even) .excerpt-highlight {
    background: #e2e2e2;
}

.portfolio-style-excerpt .excerpt-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    
    
    
    
}

.post-excerpt .excerpt-highlight {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: -99999;
    -o-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

.portfolio-style-excerpt .excerpt-highlight {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    -o-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

.portfolio-excerpt .excerpt-link:hover,
.portfolio-excerpt .excerpt-link:active,
.portfolio-excerpt .excerpt-link:focus {
    transform: scale(1.2);
    -o-transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -webkit-transition: transform 1s ease;
    transition: transform 1s ease;
}

.post-excerpt .excerpt-link:hover .excerpt-highlight,
.post-excerpt .excerpt-link:active .excerpt-highlight,
.post-excerpt .excerpt-link:focus .excerpt-highlight {
    background-color: rgba(56, 233, 253, 0.4);
    -o-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

.post-excerpt .post-thumbnail {
    will-change: transform;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    z-index: -100000;
    -o-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.playlist-excerpt .excerpt-link:hover .excerpt-highlight,
.playlist-excerpt .excerpt-link:active .excerpt-highlight,
.playlist-excerpt .excerpt-link:focus .excerpt-highlight {
    background-color: rgba(56, 233, 253, 0.4);
    -o-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

.project-excerpt {
    display: flex;
    align-items: center;
    min-height: 25vmax;
}
.projects-excerpt-bkg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10;
    opacity: 0.2;
}

.project-excerpt.cumulative-voting .projects-excerpt-bkg {
    background-image: url('inc/projectimg/cumulative-voting.svg');
    background-image: linear-gradient(20deg,rgba(255, 0, 0, 0.8),rgba(0, 67, 255, 0.3)),url('inc/projectimg/cumulative-voting.svg');
}

.project-excerpt.playlists .projects-excerpt-bkg {
    background-image: url('inc/projectimg/playlists.svg');
    background-image: linear-gradient(120deg,rgba(255, 106, 0, 0.3),rgba(0, 255, 231, 0.8)),url('inc/projectimg/playlists.svg');
}

.project-excerpt.command-line .projects-excerpt-bkg {
    background-image: url('inc/projectimg/command-line.svg');
    background-image: linear-gradient(240deg, rgba(47, 47, 47, 0.8), rgba(255, 255, 255, 0.3)), url('inc/projectimg/command-line.svg');
}

.project-excerpt.random-contents .projects-excerpt-bkg {
    background-image: url('inc/projectimg/random-contents.svg');
    background-image: linear-gradient(210deg, rgba(232, 0, 0, 0.3), rgba(0, 191, 156, 0.8)), url('inc/projectimg/random-contents.svg');
}

.toggled .post-excerpt .post-thumbnail,
.toggleadding .post-excerpt .post-thumbnail,
.toggleremoving .post-excerpt .post-thumbnail {
    opacity: 0;
    -o-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.portfolio-style-excerpt .post-thumbnail {
    will-change: transform;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: -100000;
}

.post-excerpt.in-view .post-thumbnail,
.portfolio-excerpt.in-view .post-thumbnail {
    transform: scale(1.2);
    -o-transition: transform 15s cubic-bezier(0, 0, 0, 1);
    -moz-transition: transform 15s cubic-bezier(0, 0, 0, 1);
    -webkit-transition: transform 15s cubic-bezier(0, 0, 0, 1);
    transition: transform 15s cubic-bezier(0, 0, 0, 1);
}

html.js:not(.nomotion):not(.textonly):not(.ie) .post-excerpt.default:not(.in-view),
html.js:not(.nomotion):not(.textonly):not(.ie) .portfolio-style-excerpt.default:not(.in-view) .post-thumbnail {
    opacity: 0;
    -o-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

html.js:not(.nomotion):not(.textonly):not(.ie) .post-excerpt.default.in-view {
    opacity: 1;
    -o-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

html.js:not(.nomotion):not(.textonly):not(.ie) .portfolio-excerpt.default.in-view .post-thumbnail {
    opacity: 1;
    transform: scale(1.2);
    -o-transition: opacity 1s ease, transform 15s cubic-bezier(0, 0, 0, 1);
    -moz-transition: opacity 1s ease, transform 15s cubic-bezier(0, 0, 0, 1);
    -webkit-transition: opacity 1s ease, transform 15s cubic-bezier(0, 0, 0, 1);
    transition: opacity 1s ease, transform 15s cubic-bezier(0, 0, 0, 1);
}

.post-excerpt .excerpt-title {
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1;
    padding: 0;
    margin: 0;
    margin-left: -1px;
    margin-left: -0.1rem;
    font-size: calc(2rem + 2vw);
}

.portfolio-style-excerpt .excerpt-title {
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-size: 30px;
    font-size: 3rem;
    font-size: 4vmin;
    font-size: calc(2rem + 2vw);
    line-height: 1;
    padding: 0;
    margin: 0;
    margin-left: -1px;
    margin-left: -0.1rem;
}

.frontpage-inner-wrapper .post-excerpt .excerpt-title,
.frontpage-inner-wrapper .portfolio-style-excerpt .excerpt-title {
    font-size: 5vmin;
    font-size: calc(2rem + 3vw);
}

@supports(mix-blend-mode: difference) {
    .portfolio-excerpt .excerpt-title {
        display: block;
        background: transparent;
        color: #FFF;
        opacity: 1;
    }
   .portfolio-excerpt .excerpt-header .excerpt-title a {
        color: #FFF;
    }
    .portfolio-excerpt .excerpt-link {
        mix-blend-mode: difference;
    }
}

.post-excerpt .excerpt-header {
    margin: 0;
    margin-left: 20px;
    margin-right: 20px;
    margin-left: 2rem;
    margin-right: 2rem;
    padding: 40px 0 20px 0;
    padding: 4rem 0 2rem 0;
}

@supports(margin: max(0px)) {
    .ios .post-excerpt .excerpt-header {
        margin-left: max(2rem, constant(safe-area-inset-left));
        margin-right: max(2rem, constant(safe-area-inset-right));
        margin-left: max(2rem, env(safe-area-inset-left));
        margin-right: max(2rem, env(safe-area-inset-right));
    }
}

.post-excerpt.project-excerpt .excerpt-header {
    padding: 60px 0 60px 0;
    padding: 6rem 0 6rem 0;
}

.post-excerpt.legal-content-entry .excerpt-header {
    padding: 40px 0 0 0;
    padding: 4rem 0 0 0;
}

.post-excerpt.legal-content-entry h2 {
padding: 0;
}
.post-excerpt.legal-content-entry h2::before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'FontAwesome';
    font-style: normal;
    text-decoration: inherit;
    vertical-align: text-bottom;
    content: "\f067";
    border: 0;
    min-width: 1.3em;
    text-align: center;
    cursor: pointer;
    line-height: normal;
    text-transform: uppercase;
    vertical-align: baseline;
    transform: rotate(0);
    color: #565656;
    position: absolute;
    right: 10px;
    right: 2rem;
    font-size: 10rem;
    opacity: 0.08;
    z-index: -10000;
    
    
    
    
}

.post-excerpt.legal-content-entry[class*="tldr"] h2::before {
    content: "\f2f2";
}

.post-excerpt.legal-content-entry[class*="agreement"] h2::before {
    content: "\f56c";
}

.post-excerpt.legal-content-entry[class*="use-policy"] h2::before {
    content: "\f024";
}

.post-excerpt.legal-content-entry[class*="privacy"] h2::before {
    content: "\f070";
}

.post-excerpt.legal-content-entry[class*="cookie"] h2::before {
    content: "\f1c0";
}

.post-excerpt.legal-content-entry[class*="intellectual"] h2::before {
    content: "\f1f9";
    font-weight: 500;
}
.portfolio-style-excerpt .excerpt-header {
    margin: 0;
    text-align: left;
    padding: 0 20px;
    padding: 0 2rem;
}
html:not(.textonly) .portfolio-excerpt .excerpt-header {
    /* display: none; */
    opacity: 0;
}
.post-excerpt .excerpt-content {
    font-family: 'Prata', 'Georgia', '宋体', 'SimSun', 'Songti SC', 'Song', serif;
    color: #555;
    margin: 0;
    margin-left: 20px;
    margin-right: 20px;
    margin-left: 2rem;
    margin-right: 2rem;
    padding: 15px 0 0;
    padding: 1.5rem 0 0;
    padding-bottom: 40px;
    padding-bottom: 4rem;
}

@supports(margin: max(0px)) {
    .ios .post-excerpt .excerpt-content {
        margin-left: max(2rem, constant(safe-area-inset-left));
        margin-right: max(2rem, constant(safe-area-inset-right));
        margin-left: max(2rem, env(safe-area-inset-left));
        margin-right: max(2rem, env(safe-area-inset-right));
    }
}

.post-excerpt .excerpt-content:empty {
    padding: 0 0 30px 0;
    padding: 0 0 3rem 0;
}

.post-excerpt.page .excerpt-content {
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', 'Heiti SC', 'Hei', sans-serif;
}

.portfolio-style-excerpt .excerpt-content {
    display: none;
}

@supports(padding: max(0px)) {
    .ios .portfolio-style-excerpt .excerpt-content {
        padding-left: max(2rem, constant(safe-area-inset-left));
        padding-right: max(2rem, constant(safe-area-inset-right));
        padding-left: max(2rem, env(safe-area-inset-left));
        padding-right: max(2rem, env(safe-area-inset-right));
    }
}

.flexbox .portfolio-style-excerpt .excerpt-content {
    padding-bottom: 10px;
    padding-bottom: 1rem;
}

.portfolio-style-excerpt .excerpt-content:empty {
    display: none;
}

.portfolio-style-excerpt .excerpt-header,
.portfolio-style-excerpt:hover .excerpt-header,
.portfolio-style-excerpt:focus .excerpt-header,
.portfolio-style-excerpt:active .excerpt-header {
    opacity: 1;
    pointer-events: none;
    -o-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

html:not(.textonly) .portfolio-excerpt:hover .excerpt-header,
html:not(.textonly) .portfolio-excerpt:focus .excerpt-header,
html:not(.textonly) .portfolio-excerpt:active .excerpt-header {
    opacity: 1;
    transition: none;
}

.playlist-excerpt .excerpt-header,
.playlist-excerpt:hover .excerpt-header,
.playlist-excerpt:focus .excerpt-header,
.playlist-excerpt:active .excerpt-header {
    display: none;
}

.site-content .entry-footer,
.site-content .sharebuttons-container,
.site-content .timo-filters-wrapper,
.site-content .post-navigation,
.site-content .comments-title,
.site-content .ajax-comments-more-wrapper,
.site-content .comment-respond:not(.inline),
#disqus_thread,
.site-content .comments-area,
.site-content .widget-area,
.site-content .widediv {
    margin-left: -20px;
    margin-left: -2rem;
    padding-left: 20px;
    padding-left: 2rem;
    padding-right: 20px;
    padding-right: 2rem;
    width: 100vw;
    padding-top: 20px;
    padding-top: 2rem;
    padding-bottom: 20px;
    padding-bottom: 2rem;
}

.site-content .entry-footer {
    padding-top: 0;
}

.nav-next {
    padding-top: 20px;
    padding-top: 2rem;
}

@supports(margin: max(0px)) {
    .ios .site-content .entry-footer,
    .ios .site-content .sharebuttons-container,
    .ios .site-content .timo-filters-wrapper,
    .ios .site-content .post-navigation,
    .ios .site-content .comments-title,
    .site-content .ajax-comments-more-wrapper,
    .site-content .comment-respond:not(.inline),
    .ios #disqus_thread,
    .ios .site-content .comments-area,
    .ios .site-content .widget-area,
    .ios .site-content .widediv {
        margin-left: min(-2rem, calc( constant(safe-area-inset-left) * -1));
        margin-left: min(-2rem, calc( env(safe-area-inset-left) * -1));
        padding-left: max(2rem, constant(safe-area-inset-left));
        padding-left: max(2rem, env(safe-area-inset-left));
        padding-right: max(2rem, constant(safe-area-inset-right));
        padding-right: max(2rem, env(safe-area-inset-right));
    }
}

.site-content .widget-area .sharebuttons-container {
    width: auto;
    margin: 0;
    padding: 0;
}

.site-content .entry-footer,
.site-content .sharebuttons-container,
.site-content .timo-filters-wrapper,
.site-content .post-navigation,
#disqus_thread,
.site-content .comments-area {
    background: #f3f3f3;
}

.site-content .timo-filters-wrapper {
-o-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-webkit-transition: background 0.3s ease;
transition: background 0.3s ease;
}

html.filtererror .site-content .timo-filters-wrapper {
    background: #ebb3b3;
    -o-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.posts-wrapper-outer .sharebuttons-container {
    background: transparent;
}

.page .site-content .sharebuttons-container,
.archive:not(.post-type-archive-random-contents) .site-content .sharebuttons-container {
    background: transparent;
}

.widget-area .sharebuttons-container {
    background: transparent;
}

.site-content .comments-title {
    padding-bottom: 10px;
    padding-bottom: 1rem;
}

#disqus_thread {
    padding-top: 0;
}

.home .site-content .entry-footer,
.home .site-content .sharebuttons-container,
.home .site-content .post-navigation,
.home .site-content .comments-title,
.home .site-content .ajax-comments-more-wrapper,
.home .site-content .comment-respond:not(.inline),
.home #disqus_thread,
.home .site-content .comments-area,
.home .site-footer {
    background: #FFF;
}

.site-footer .sharebuttons-container #sharebutton-print {
    display: none;
}
/* .site-footer .sharebuttons-container #sharebutton-linkedin {
    margin-left: -5px;
    margin-left: -0.5rem;
} */

.site-content .widget-area {
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    background: transparent;
    column-count: 1;
    padding-top: 50px;
    padding-top: 5rem;
}

.site-content .widget-area ul {
    list-style: none;
    padding-left: 0;
}

.site-content .widget-area a {
    color: #333;
}

.no-touch .site-content .widget-area a:hover,
.site-content .widget-area a:focus {
    color: #840000;
    
    
    
    
}

/*--------------------------------------------------------------
## Post Formats
--------------------------------------------------------------*/

.entry-content>ul,
.entry-content>ol {
    padding-bottom: 10px;
    padding-bottom: 1rem;
    -webkit-font-smoothing: antialiased;
}

.post-password-form {
    max-width: 800px;
}

.post-password-form > p {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    text-align: left;
}

.post-password-form > p > label {
    display: inline-block;
    padding: 0;
    flex-grow: 2;
}

.post-password-form > p > label > input[type="password"] {
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    width: 100%;
    margin-top: 0.5rem;
    border-right: none;
}

.post-password-form > p > input[type="submit"] {
    height: 4rem;
}

.format-status .entry-content p {
    background: #5d5d5d;
    display: inline;
    color: #e6e6e6;
    padding: 0;
}

.format-chat .entry-content .chat-row {
    padding: 10px 0;
    padding: 1rem 0;
}

.format-chat .entry-content .chat-row:active,
.format-chat .entry-content .chat-row:focus,
.format-chat .entry-content .chat-row:hover {
    background-color: rgba(56, 233, 253, .1);
}

.format-chat .entry-content .chat-row.chat-speaker-1,
.format-chat .entry-content .chat-row.chat-speaker-3,
.format-chat .entry-content .chat-row.chat-speaker-5,
.format-chat .entry-content .chat-row.chat-speaker-7,
.format-chat .entry-content .chat-row.chat-speaker-9,
.format-chat .entry-content .chat-row.chat-speaker-11,
.format-chat .entry-content .chat-row.chat-speaker-13,
.format-chat .entry-content .chat-row.chat-speaker-15,
.format-chat .entry-content .chat-row.chat-speaker-17,
.format-chat .entry-content .chat-row.chat-speaker-19 {
    padding-right: 30%;
    text-align: left;
}

.format-chat .entry-content .chat-row.chat-speaker-2,
.format-chat .entry-content .chat-row.chat-speaker-4,
.format-chat .entry-content .chat-row.chat-speaker-6,
.format-chat .entry-content .chat-row.chat-speaker-8,
.format-chat .entry-content .chat-row.chat-speaker-10,
.format-chat .entry-content .chat-row.chat-speaker-12,
.format-chat .entry-content .chat-row.chat-speaker-14,
.format-chat .entry-content .chat-row.chat-speaker-16,
.format-chat .entry-content .chat-row.chat-speaker-18,
.format-chat .entry-content .chat-row.chat-speaker-20 {
    padding-left: 30%;
    text-align: right;
}

.format-chat .entry-content .chat-row .chat-author {
    padding: 0 0.5rem;
    font-size: 75%;
}

.format-chat .entry-content .chat-row .chat-author cite {
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-style: initial;
}

.format-chat .entry-content .chat-text {
    display: inline-block;
}

.format-chat .entry-content .chat-text p {
    padding: 10px;
    padding: 1rem;
}

.format-chat .entry-content .chat-row.chat-speaker-1 p,
.format-chat .entry-content .chat-row.chat-speaker-3 p,
.format-chat .entry-content .chat-row.chat-speaker-5 p,
.format-chat .entry-content .chat-row.chat-speaker-7 p,
.format-chat .entry-content .chat-row.chat-speaker-9 p,
.format-chat .entry-content .chat-row.chat-speaker-11 p,
.format-chat .entry-content .chat-row.chat-speaker-13 p,
.format-chat .entry-content .chat-row.chat-speaker-15 p,
.format-chat .entry-content .chat-row.chat-speaker-17 p,
.format-chat .entry-content .chat-row.chat-speaker-19 p {
    text-align: left;
}

.format-chat .entry-content .chat-row.chat-speaker-2 p,
.format-chat .entry-content .chat-row.chat-speaker-4 p,
.format-chat .entry-content .chat-row.chat-speaker-6 p,
.format-chat .entry-content .chat-row.chat-speaker-8 p,
.format-chat .entry-content .chat-row.chat-speaker-10 p,
.format-chat .entry-content .chat-row.chat-speaker-12 p,
.format-chat .entry-content .chat-row.chat-speaker-14 p,
.format-chat .entry-content .chat-row.chat-speaker-16 p,
.format-chat .entry-content .chat-row.chat-speaker-18 p,
.format-chat .entry-content .chat-row.chat-speaker-20 p {
    text-align: right;
}

.format-chat .entry-content .chat-row.chat-speaker-1 p,
.format-chat .entry-content .chat-row.chat-speaker-5 p,
.format-chat .entry-content .chat-row.chat-speaker-9 p,
.format-chat .entry-content .chat-row.chat-speaker-13 p,
.format-chat .entry-content .chat-row.chat-speaker-17 p {
    background: #DDD;
}

.format-chat .entry-content .chat-row.chat-speaker-2 p,
.format-chat .entry-content .chat-row.chat-speaker-6 p,
.format-chat .entry-content .chat-row.chat-speaker-10 p,
.format-chat .entry-content .chat-row.chat-speaker-14 p,
.format-chat .entry-content .chat-row.chat-speaker-18 p {
    background: #b1feff;
}

.format-chat .entry-content .chat-row.chat-speaker-3 p,
.format-chat .entry-content .chat-row.chat-speaker-7 p,
.format-chat .entry-content .chat-row.chat-speaker-11 p,
.format-chat .entry-content .chat-row.chat-speaker-15 p,
.format-chat .entry-content .chat-row.chat-speaker-19 p {
    background: #fffe7f;
}

.format-chat .entry-content .chat-row.chat-speaker-4 p,
.format-chat .entry-content .chat-row.chat-speaker-8 p,
.format-chat .entry-content .chat-row.chat-speaker-12 p,
.format-chat .entry-content .chat-row.chat-speaker-16 p,
.format-chat .entry-content .chat-row.chat-speaker-20 p {
    background: #f99393;
}

article.playlists .entry-content > p:first-of-type {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

article.playlists .entry-content>p:first-of-type img {
width: 100%;
height: 100%;
}

article.playlists .entry-content>p:first-of-type iframe {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 1024px;
}

article.playlists .playlist-links-wrapper {
    padding: 20px 0 10px 0;
    padding: 2rem 0 1rem 0;
}

article.playlists .playlist-links-title {
    padding: 0 0 5px 0;
    padding: 0 0 .5rem 0;
}
article.playlists .playlist-link {
    display: inline-block;
    line-height: 1.5;
    margin: 4px 8px 4px 0;
    margin: 0.4rem 0.8rem 0.4rem 0;
    text-align: center;
    padding: 6px 12px;
    padding: 0.4em 0.8em;
    min-height: unset;
}

article.playlists .playlist-link::before {
    content: "";
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'FontAwesome';
    display: inline-block;
    font-style: normal;
    text-decoration: inherit;
    vertical-align: text-bottom;
    border: 0;
    margin-right: 10px;
    margin-right: 0.6rem;
    cursor: pointer;
    line-height: normal;
    text-transform: uppercase;
    vertical-align: baseline;
}
article.playlists #playlist-spotify-link::before {
    content: "\f1bc";
}
article.playlists #playlist-tidal-link::before {
    content: "TT";
    color: transparent;
    display: inline;
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    background-image: url('inc/tidal.svg');
    background-size: 20px;
    background-size: 2rem;
    background-repeat: no-repeat;
}
article.playlists #playlist-tidal-link:hover::before,
article.playlists #playlist-tidal-link:focus::before,
article.playlists #playlist-tidal-link:active::before {
    background-image: url('inc/tidal_w.svg');
}
article.playlists #playlist-apple-link::before {
    content: "\f179";
}
article.playlists #playlist-yandex-link::before {
    content: "\f413";
}
article.playlists #playlist-youtubemusic-link::before {
    content: "\f167";
}
article.playlists #playlist-deezer-link::before {
    content: "TTT";
    color: transparent;
    display: inline;
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    background-image: url('inc/deezer.svg');
    background-size: 28px 20px;
    background-size: 2.8rem 2rem;
    background-repeat: no-repeat;
    filter: grayscale(1);
}

.legaltext,
.legaltext div {
    padding-left: 60px;
    padding-left: 6rem;
}

.legaltext span {
    display: inline-block;
    margin-left: -60px;
    width: 60px;
    margin-left: -6rem;
    width: 6rem;
}

.fullwidth-wrapper {
    display: block;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-left: -2rem;
    width: 100vw;
    justify-content: flex-start;
}

@supports(margin: max(0px)) {
    .ios .fullwidth-wrapper {
        margin-left: min(-2rem, calc( constant(safe-area-inset-left) * -1));
        margin-left: min(-2rem, calc( env(safe-area-inset-left) * -1));
    }
}

.frontpage-wrapper {
    min-height: 100vh;
}
.frontpage-wrapper.frontpage-projects-wrapper {
    min-height: unset;
}

.frontpage-inner-wrapper:not(.portfolio-style-wrapper),
.ios .frontpage-inner-wrapper:not(.portfolio-style-wrapper) {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
}

.frontpage-inner-wrapper.portfolio-style-wrapper,
.ios .frontpage-inner-wrapper.portfolio-style-wrapper {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.frontpage-portfolio-wrapper {
    background: #f7f7f7;
}

.frontpage-projects-wrapper {
    background: #FFF;
}
@-webkit-keyframes colorchangeportfolio {
    0% {
        background: #FFF;
    }
    10% {
        background: #E6FFF6;
    }
    20% {
        background: #FFF6EB;
    }
    30% {
        background: #E5FFFF;
    }
    40% {
        background: #FFEBF5;
    }
    50% {
        background: #E9F4FF;
    }
    60% {
        background: #EFE7FF;
    }
    70% {
        background: #F8E9DC;
    }
    80% {
        background: #FAE8E4;
    }
    90% {
        background: #FDFDE4;
    }
    100% {
        background: #FFF;
    }
}

@keyframes colorchangeportfolio {
    0% {
        background: #FFF;
    }
    10% {
        background: #E6FFF6;
    }
    20% {
        background: #FFF6EB;
    }
    30% {
        background: #E5FFFF;
    }
    40% {
        background: #FFEBF5;
    }
    50% {
        background: #E9F4FF;
    }
    60% {
        background: #EFE7FF;
    }
    70% {
        background: #F8E9DC;
    }
    80% {
        background: #FAE8E4;
    }
    90% {
        background: #FDFDE4;
    }
    100% {
        background: #FFF;
    }
}

.frontpage-post-wrapper {
    background: #eaeaea;
}

.main-portfolio-title,
.main-posts-title {
    padding-left: 20px;
    padding-left: 2rem;
    padding-right: 20px;
    padding-right: 2rem;
    padding-top: 20vmin;
    padding-bottom: .5em;
    line-height: 1;
    font-size: 50px;
    font-size: calc(4rem + 3vmin);
    color: #696969;
    margin-left: -3px;
    margin-left: -0.3rem;
}

@supports(padding: max(0px)) {
    .ios .main-portfolio-title,
    .ios .main-posts-title {
        padding-left: max(2rem, constant(safe-area-inset-left));
        padding-left: max(2rem, env(safe-area-inset-left));
        padding-right: max(2rem, constant(safe-area-inset-right));
        padding-right: max(2rem, env(safe-area-inset-right));
    }
}

.about-intro-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background: rgba(0, 0, 0, 0.1);
}
.about-intro-wrapper > p {
    padding: 0;
}
.about-intro-wrapper img.about-avatar {
    border-radius: 50%;
    width: 200px;
    margin-right: 2rem;
    margin-right: 4vw;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.about-intro-wrapper h3 {
    padding: 0;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

#disqus_thread,
.site-content .comments-area {
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    padding-top: 0;
    padding-bottom: 0;
}

.comments-area article.comment-body {
    padding: 1rem;
}

.comments-area .comment.bypostauthor>article.comment-body {
    border-left: #62000f solid .3em;
    background: #e6dede;
}
.comments-area .comment.bypostauthor>article.comment-body .comment-author>img {
    background: url('inc/admin.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.comments-area .comment.bypostauthor>article.comment-body .comment-author>.fn {
    color: #FFF;
    background: #62000f;
    padding: 0.1em 0.3em;
}

.comments-area>.comment-list>.comment:not(:last-child):not(.bypostauthor) {
    border-bottom: 1px solid #dedede;
}
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-list,
.comment-list ol {
    list-style: none;
    padding-left: 0;
}

.comment-meta {
    padding-bottom: 1rem;
}
.comment-meta a {
    color: #333;
      font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
}
.comment-meta:after {
    content: "";
    clear: both;
    display: table;
}
.comment-author>img {
    height: 80px !important;
    width: 80px !important;
    float: left;
    background: url('inc/user.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 10px;
}
.comment-author .says {
    display: none;
}

.comment-list article.comment-body .comment-content,
.comment-list article.comment-body .comment-content h1,
.comment-list article.comment-body .comment-content h2,
.comment-list article.comment-body .comment-content h3,
.comment-list article.comment-body .comment-content h4,
.comment-list article.comment-body .comment-content h5,
.comment-list article.comment-body .comment-content h6 {
    color: #333;
}

.comment-list article.comment-body .comment-content {
    font-size: 90%;
}

.comment-list article.comment-body .comment-content h1 {
    font-size: 2.4rem;
}
.comment-list article.comment-body .comment-content h2 {
    font-size: 2.2rem;
}
.comment-list article.comment-body .comment-content h3 {
    font-size: 2rem;
}
.comment-list article.comment-body .comment-content h4,
.comment-list article.comment-body .comment-content h5,
.comment-list article.comment-body .comment-content h6 {
    font-size: 1.8rem;
}

.comment-list article.comment-body .reply .comment-reply-link {
    border-radius: 0px;
    margin-top: 1rem;
    background: transparent;
    color: #656565;
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-size: 80%;
    font-weight: 300;
    line-height: 1;
    
    
    
    
}

.comment-list article.comment-body .reply .comment-reply-link:hover,
.comment-list article.comment-body .reply .comment-reply-link:active,
.comment-list article.comment-body .reply .comment-reply-link:focus,
.comment-respond #cancel-comment-reply-link:hover,
.comment-respond #cancel-comment-reply-link:active,
.comment-respond #cancel-comment-reply-link:focus {
    background: transparent;
    border-color: #BF2413;
    color: #BF2413;
    text-decoration: none;
}

.comment-list .comment > .children {
    margin-left: 1.2em;
}
.comment-list .comment .children article.comment-body {
    font-size: 90%;
}
.comment-list .comment .children .comment:before {
    opacity: 0;
    content: ".";
    left: -1.5em;
    position: absolute;
    display: inline;
    color: #666;
     font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
     -o-transition: opacity 0.3s ease;
     -moz-transition: opacity 0.3s ease;
     -webkit-transition: opacity 0.3s ease;
     transition: opacity 0.3s ease;
}
.comment-list .comment .children .comment:hover:before {
    opacity: 1;
}
.comment-list > .comment > .children .comment-author>img {
    height: 70px !important;
    width: 70px !important;
}

.comment-list>.comment>.children>.comment>.comment-body>.comment-meta {
    opacity: 0.95;
}
.comment-list>.comment>.children .comment:before {
    top:22px;
}
.comment-list>.comment>.children>.comment>.children .comment-author>img {
    height: 60px !important;
    width: 60px !important;
}
.comment-list>.comment>.children>.comment>.children>.comment>.comment-body>.comment-meta {
    opacity: 0.9;
}
.comment-list>.comment>.children>.comment>.children .comment:before {
    content: ".  .";
    color: #6d6d6d;
    left: -2.7em;
    top: 19px;
}
.comment-list>.comment>.children>.comment>.children>.comment>.children .comment-author>img {
    height: 50px !important;
    width: 50px !important;
}
.comment-list>.comment>.children>.comment>.children>.comment>.children .comment>.comment-body>.comment-meta {
    opacity: 0.85;
}
.comment-list>.comment>.children>.comment>.children>.comment>.children .comment:before {
    content: ".  .  .";
    color: #777777;
    left: -3.9em;
    top: 16px;
}

.comment-list>.comment>.children>.comment>.children>.comment>.children>.comment>.children .comment:before {
    content: ".  .  .  .";
    color: #888888;
    left: -5.1em;
}

.comment-list>.comment>.children>.comment>.children>.comment>.children>.comment>.children>.comment>.children .comment:before {
    content: ".  .  .  .  .";
    color: #818181;
    left: -6.3em;
}

.comment-list>.comment>.children>.comment>.children>.comment>.children>.comment>.children>.comment>.children>.comment>.children .comment:before {
    content: ".  .  .  .  .  .";
    color: #888888;
    left: -7.5em;
}

.comment-list>.comment>.children>.comment>.children>.comment>.children>.comment>.children>.comment>.children>.comment>.children>.comment>.children .comment:before {
    content: ".  .  .  .  .  .  .";
    color: #8f8f8f;
    left: -8.7em;
}

.comment-list>.comment>.children>.comment>.children>.comment>.children>.comment>.children>.comment>.children>.comment>.children>.comment>.children>.comment>.children .comment:before {
    content: ".  .  .  .  .  .  .  .";
    color: #919090;
    left: -9.9em;
}

.comment-list>.comment>.children>.comment>.children>.comment>.children>.comment>.children>.comment>.children>.comment>.children>.comment>.children>.comment>.children>.comment>.children .comment:before {
    content: ".  .  .  .  .  .  .  .  .";
    color: #999898;
    left: -11.1em;
}
.comment-list .comment .children > .comment:last-child {
    padding-bottom: 0;
    position: relative;
}

.ajax-style-button-wrapper.ajax-comments-more-wrapper {
    background: transparent;
    align-items: flex-start;
    height: 10rem;
}
.comment-respond:not(.inline) {
    background: #e2e2e2;
}
.comment-form .comment-notes {
    padding: 0;
    font-size: 90%;
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', 'Heiti SC', 'Hei', sans-serif;
}
.comment-reply-title {
    padding: 0;
}
.comment-form .comment-form-legal-consent {
    display: block;
    font-weight: 400;
    font-size: 90%;
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', 'Heiti SC', 'Hei', sans-serif;
}

html.commenterror .comment-form * {
    color: #b50000;
    border-color: #b50000;
    background: transparent;
    
    
    
    
}

.comment-form.loading * {
    pointer-events: none;
    color: #6e6e6e;
    border-color: #6e6e6e;
    background: transparent;
    
    
    
    

}

.comment-form.loading input[type=checkbox]:checked {
    background: transparent;
}

.comment-form.loading input[type=checkbox]:checked:before {
    border-color: #6f6f6f;
}

.comment-form.loading input[type="submit"] {
    padding: 0;
    border: 0;
}

.comment-form.loading .form-submit::before {
    content: "\f1ce";
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'FontAwesome';
    top: 0.1em;
    position: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    text-decoration: inherit;
    vertical-align: text-bottom;
    border: 0;
    margin-right: 10px;
    margin-right: 1rem;
    line-height: normal;
    text-transform: uppercase;
    vertical-align: baseline;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

html.commenterror .comment-form .form-submit::before {
    content: "\f06a";
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'FontAwesome';
    -webkit-animation: unset;
    animation: unset;
    top: 0.1em;
    position: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    text-decoration: inherit;
    vertical-align: text-bottom;
    border: 0;
    margin-right: 10px;
    margin-right: 1rem;
    line-height: normal;
    text-transform: uppercase;
    vertical-align: baseline;
}
.comment-form .error {
        background: #ffebeb;
        border-color: #a00000;
}

.comment-form .error:focus {
    background: #333;
    color: #FFF;
}

.comment-form-error-label {
    display: block;
    color: #BF2413;
    font-size: 10px;
    font-size: 80%;
    float: none;
    padding-top: 0.5rem;
}

.comment-respond #cancel-comment-reply-link {
    border: 2px solid #333;
    border-radius: 0px;
    margin-left: 1rem;
    background: transparent;
    color: #BF2413;
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 2rem;
    padding: 10px 16px;
    padding: .4em .7em;
    
    
    
    
}

.comment-awaiting-moderation {
color: #800000;
}

.comment-list .comment .comment-respond {
    margin-left: 1em;
    font-size: 80%;
}

.comment-list .comment .comment-respond .comment-reply-title {
    font-size: 2rem;
}
.comment-list .comment .comment-respond input[type="text"],
.comment-list .comment .comment-respond input[type="email"],
.comment-list .comment .comment-respond input[type="url"],
.comment-list .comment .comment-respond textarea {
    font-size: 1.4rem;
    min-height: 3rem;
}
.comment-list .comment .comment-respond input[type="submit"] {
        font-size: 1.4rem;
        font-weight: 300;
        line-height: 1;
        padding: 10px 16px;
        padding: .4em .7em;
        min-height: 3.6rem;
}

.comment-body.hasrespond .reply {
    display: none;
}

html.mce-fullscreen .site-header,
html.mce-fullscreen .go-to-top-wrapper,
html.mce-fullscreen .go-to-top-wrapper.in-view {
    display: none;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

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

embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 24px;
    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-bottom: 13px;
    margin-bottom: 0.8075em;
}

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

figcaption {
    padding: 6px 8px;
    padding: 0.6rem 0.8rem;
    margin: 0 auto;
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 1.2;
    color: #666;
    text-align: left;
    overflow: auto;
    
    
    
    
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery,
.photoswipe_gallery {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-left: -2rem;
    width: 100vw;
    padding: 20px;
    padding: 2rem;
    background: #565656;
}

@supports(margin: max(0px)) {
    .ios .gallery,
    .ios .photoswipe_gallery {
        margin-left: min(-2rem, calc( constant(safe-area-inset-left) * -1));
        margin-left: min(-2rem, calc( env(safe-area-inset-left) * -1));
        padding: max(2rem, constant(safe-area-inset-left));
        padding: max(2rem, env(safe-area-inset-left));
    }
}

.csscolumns .gallery,
.csscolumns .photoswipe_gallery {
    display: block;
}

.gallery-item,
.photoswipe_gallery figure {
    display: block;
    text-align: center;
    vertical-align: top;
    position: relative;
    margin: 0;
    overflow: hidden;
}

.gallery-item.is-loading:before,
.photoswipe_gallery figure.is-loading:before {
    content: "";
    position: absolute;
    top: calc( 50% - 1em);
    right: calc( 50% - 1em);
    width: 32px;
    height: 32px;
    width: 2em;
    height: 2em;
    border: solid 4px transparent;
    border-width: 0.4rem;
    border-top-color: #961D0F;
    border-left-color: #BF2413;
    border-radius: 32px;
    border-radius: 2em;
    -webkit-animation: timo-spinner 500ms linear infinite;
    -moz-animation: timo-spinner 500ms linear infinite;
    -ms-animation: timo-spinner 500ms linear infinite;
    -o-animation: timo-spinner 500ms linear infinite;
    animation: timo-spinner 500ms linear infinite;
}

@-webkit-keyframes timo-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes timo-spinner {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes timo-spinner {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes timo-spinner {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes timo-spinner {
    0% {
        transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media screen and (max-width: 300px) {
    .gallery-item,
    .photoswipe_gallery figure {
        max-width: 100%;
        -webkit-flex: 100%;
        flex: 100%;
    }
    .csscolumns .gallery,
    .csscolumns .photoswipe_gallery {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media screen and (min-width: 301px) and (max-width: 600px) {
    .gallery-item,
    .photoswipe_gallery figure {
        max-width: 50%;
        -webkit-flex: 50%;
        flex: 50%;
    }
    .csscolumns .gallery,
    .csscolumns .photoswipe_gallery {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media screen and (min-width: 601px) and (max-width: 900px) {
    .gallery-item,
    .photoswipe_gallery figure {
        max-width: 33.3333%;
        -webkit-flex: 33.3333%;
        flex: 33.3333%;
    }
    .csscolumns .gallery,
    .csscolumns .photoswipe_gallery {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media screen and (min-width: 901px) and (max-width: 1200px) {
    .gallery-item,
    .photoswipe_gallery figure {
        max-width: 25%;
        -webkit-flex: 25%;
        flex: 25%;
    }
    .csscolumns .gallery,
    .csscolumns .photoswipe_gallery {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1500px) {
    .gallery-columns-1.gallery-size-medium figure,
    .gallery-columns-2.gallery-size-medium figure,
    .gallery-columns-3.gallery-size-medium figure {
        max-width: 33.3333%;
    }
    .csscolumns .gallery-columns-1.gallery-size-medium,
    .csscolumns .gallery-columns-2.gallery-size-medium,
    .csscolumns .gallery-columns-3.gallery-size-medium {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 3;
    }
    .gallery-columns-4.gallery-size-medium figure {
        max-width: 25%;
    }
    .csscolumns .gallery-columns-4.gallery-size-medium {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
    .gallery-columns-5.gallery-size-medium figure {
        max-width: 20%;
    }
    .csscolumns .gallery-columns-5.gallery-size-medium {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
    }
    .gallery-columns-6.gallery-size-medium figure {
        max-width: 16.66%;
    }
    .csscolumns .gallery-columns-6.gallery-size-medium {
        -moz-column-count: 6;
        -webkit-column-count: 6;
        column-count: 6;
    }
    .gallery-columns-7.gallery-size-medium figure {
        max-width: 14.28%;
    }
    .csscolumns .gallery-columns-7.gallery-size-medium {
        -moz-column-count: 7;
        -webkit-column-count: 7;
        column-count: 7;
    }
    .gallery-columns-8.gallery-size-medium figure {
        max-width: 12.5%;
    }
    .csscolumns .gallery-columns-8.gallery-size-medium {
        -moz-column-count: 8;
        -webkit-column-count: 8;
        column-count: 8;
    }
    .gallery-columns-9.gallery-size-medium figure {
        max-width: 11.11%;
    }
    .csscolumns .gallery-columns-9.gallery-size-medium {
        -moz-column-count: 9;
        -webkit-column-count: 9;
        column-count: 9;
    }
    .gallery-columns-1.gallery-size-thumbnail figure,
    .gallery-columns-2.gallery-size-thumbnail figure,
    .gallery-columns-3.gallery-size-thumbnail figure,
    .gallery-columns-4.gallery-size-thumbnail figure,
    .gallery-columns-5.gallery-size-thumbnail figure {
        max-width: 20%;
    }
    .csscolumns .gallery-columns-1.gallery-size-thumbnail,
    .csscolumns .gallery-columns-2.gallery-size-thumbnail,
    .csscolumns .gallery-columns-3.gallery-size-thumbnail,
    .csscolumns .gallery-columns-4.gallery-size-thumbnail,
    .csscolumns .gallery-columns-5.gallery-size-thumbnail {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
    }
    .gallery-columns-6.gallery-size-thumbnail figure {
        max-width: 16.66%;
    }
    .csscolumns .gallery-columns-6.gallery-size-thumbnail {
        -moz-column-count: 6;
        -webkit-column-count: 6;
        column-count: 6;
    }
    .gallery-columns-7.gallery-size-thumbnail figure {
        max-width: 14.28%;
    }
    .csscolumns .gallery-columns-7.gallery-size-thumbnail {
        -moz-column-count: 7;
        -webkit-column-count: 7;
        column-count: 7;
    }
    .gallery-columns-8.gallery-size-thumbnail figure {
        max-width: 12.5%;
    }
    .csscolumns .gallery-columns-8.gallery-size-thumbnail {
        -moz-column-count: 8;
        -webkit-column-count: 8;
        column-count: 8;
    }
    .gallery-columns-9.gallery-size-thumbnail figure {
        max-width: 11.11%;
    }
    .csscolumns .gallery-columns-9.gallery-size-thumbnail {
        -moz-column-count: 9;
        -webkit-column-count: 9;
        column-count: 9;
    }
}

@media screen and (min-width: 1501px) and (max-width: 1800px) {
    .gallery-columns-1.gallery-size-medium figure,
    .gallery-columns-2.gallery-size-medium figure,
    .gallery-columns-3.gallery-size-medium figure {
        max-width: 33.3333%;
    }
    .csscolumns .gallery-columns-1.gallery-size-medium,
    .csscolumns .gallery-columns-2.gallery-size-medium,
    .csscolumns .gallery-columns-3.gallery-size-medium {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
    .gallery-columns-4.gallery-size-medium figure {
        max-width: 25%;
    }
    .csscolumns .gallery-columns-4.gallery-size-medium {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
    .gallery-columns-5.gallery-size-medium figure {
        max-width: 20%;
    }
    .csscolumns .gallery-columns-5.gallery-size-medium {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
    }
    .gallery-columns-6.gallery-size-medium figure {
        max-width: 16.66%;
    }
    .csscolumns .gallery-columns-6.gallery-size-medium {
        -moz-column-count: 6;
        -webkit-column-count: 6;
        column-count: 6;
    }
    .gallery-columns-7.gallery-size-medium figure {
        max-width: 14.28%;
    }
    .csscolumns .gallery-columns-7.gallery-size-medium {
        -moz-column-count: 7;
        -webkit-column-count: 7;
        column-count: 7;
    }
    .gallery-columns-8.gallery-size-medium figure {
        max-width: 12.5%;
    }
    .csscolumns .gallery-columns-8.gallery-size-medium {
        -moz-column-count: 8;
        -webkit-column-count: 8;
        column-count: 8;
    }
    .gallery-columns-9.gallery-size-medium figure {
        max-width: 11.11%;
    }
    .csscolumns .gallery-columns-9.gallery-size-medium {
        -moz-column-count: 9;
        -webkit-column-count: 9;
        column-count: 9;
    }
    .gallery-columns-1.gallery-size-thumbnail figure,
    .gallery-columns-2.gallery-size-thumbnail figure,
    .gallery-columns-3.gallery-size-thumbnail figure,
    .gallery-columns-4.gallery-size-thumbnail figure,
    .gallery-columns-5.gallery-size-thumbnail figure,
    .gallery-columns-6.gallery-size-thumbnail figure {
        max-width: 16.66%;
    }
    .csscolumns .gallery-columns-1.gallery-size-thumbnail,
    .csscolumns .gallery-columns-2.gallery-size-thumbnail,
    .csscolumns .gallery-columns-3.gallery-size-thumbnail,
    .csscolumns .gallery-columns-4.gallery-size-thumbnail,
    .csscolumns .gallery-columns-5.gallery-size-thumbnail,
    .csscolumns .gallery-columns-6.gallery-size-thumbnail {
        -moz-column-count: 6;
        -webkit-column-count: 6;
        column-count: 6;
    }
    .gallery-columns-7.gallery-size-thumbnail figure {
        max-width: 14.28%;
    }
    .csscolumns .gallery-columns-7.gallery-size-thumbnail {
        -moz-column-count: 7;
        -webkit-column-count: 7;
        column-count: 7;
    }
    .gallery-columns-8.gallery-size-thumbnail figure {
        max-width: 12.5%;
    }
    .csscolumns .gallery-columns-8.gallery-size-thumbnail {
        -moz-column-count: 8;
        -webkit-column-count: 8;
        column-count: 8;
    }
    .gallery-columns-9.gallery-size-thumbnail figure {
        max-width: 11.11%;
    }
    .csscolumns .gallery-columns-9.gallery-size-thumbnail {
        -moz-column-count: 9;
        -webkit-column-count: 9;
        column-count: 9;
    }
}

@media screen and (min-width: 1801px) and (max-width: 2100px) {
    .gallery-columns-1.gallery-size-medium figure,
    .gallery-columns-2.gallery-size-medium figure,
    .gallery-columns-3.gallery-size-medium figure,
    .gallery-columns-4.gallery-size-medium figure {
        max-width: 25%;
    }
    .csscolumns .gallery-columns-1.gallery-size-medium,
    .csscolumns .gallery-columns-2.gallery-size-medium,
    .csscolumns .gallery-columns-3.gallery-size-medium,
    .csscolumns .gallery-columns-4.gallery-size-medium {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
    .gallery-columns-5.gallery-size-medium figure {
        max-width: 20%;
    }
    .csscolumns .gallery-columns-5.gallery-size-medium {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
    }
    .gallery-columns-6.gallery-size-medium figure {
        max-width: 16.66%;
    }
    .csscolumns .gallery-columns-6.gallery-size-medium {
        -moz-column-count: 6;
        -webkit-column-count: 6;
        column-count: 6;
    }
    .gallery-columns-7.gallery-size-medium figure {
        max-width: 14.28%;
    }
    .csscolumns .gallery-columns-7.gallery-size-medium {
        -moz-column-count: 7;
        -webkit-column-count: 7;
        column-count: 7;
    }
    .gallery-columns-8.gallery-size-medium figure {
        max-width: 12.5%;
    }
    .csscolumns .gallery-columns-8.gallery-size-medium {
        -moz-column-count: 8;
        -webkit-column-count: 8;
        column-count: 8;
    }
    .gallery-columns-9.gallery-size-medium figure {
        max-width: 11.11%;
    }
    .csscolumns .gallery-columns-9.gallery-size-medium {
        -moz-column-count: 9;
        -webkit-column-count: 9;
        column-count: 9;
    }
    .gallery-columns-1.gallery-size-thumbnail figure,
    .gallery-columns-2.gallery-size-thumbnail figure,
    .gallery-columns-3.gallery-size-thumbnail figure,
    .gallery-columns-4.gallery-size-thumbnail figure,
    .gallery-columns-5.gallery-size-thumbnail figure,
    .gallery-columns-6.gallery-size-thumbnail figure,
    .gallery-columns-7.gallery-size-thumbnail figure {
        max-width: 14.28%;
    }
    .csscolumns .gallery-columns-1.gallery-size-thumbnail,
    .csscolumns .gallery-columns-2.gallery-size-thumbnail,
    .csscolumns .gallery-columns-3.gallery-size-thumbnail,
    .csscolumns .gallery-columns-4.gallery-size-thumbnail,
    .csscolumns .gallery-columns-5.gallery-size-thumbnail,
    .csscolumns .gallery-columns-6.gallery-size-thumbnail,
    .csscolumns .gallery-columns-7.gallery-size-thumbnail {
        -moz-column-count: 7;
        -webkit-column-count: 7;
        column-count: 7;
    }
    .gallery-columns-8.gallery-size-thumbnail figure {
        max-width: 12.5%;
    }
    .csscolumns .gallery-columns-8.gallery-size-thumbnail {
        -moz-column-count: 8;
        -webkit-column-count: 8;
        column-count: 8;
    }
    .gallery-columns-9.gallery-size-thumbnail figure {
        max-width: 11.11%;
    }
    .csscolumns .gallery-columns-9.gallery-size-thumbnail {
        -moz-column-count: 9;
        -webkit-column-count: 9;
        column-count: 9;
    }
}

@media screen and (min-width: 2101px) and (max-width: 2400px) {
    .gallery-columns-1.gallery-size-medium figure,
    .gallery-columns-2.gallery-size-medium figure,
    .gallery-columns-3.gallery-size-medium figure,
    .gallery-columns-4.gallery-size-medium figure {
        max-width: 25%;
    }
    .csscolumns .gallery-columns-1.gallery-size-medium,
    .csscolumns .gallery-columns-2.gallery-size-medium,
    .csscolumns .gallery-columns-3.gallery-size-medium,
    .csscolumns .gallery-columns-4.gallery-size-medium {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
    .gallery-columns-5.gallery-size-medium figure {
        max-width: 20%;
    }
    .csscolumns .gallery-columns-5.gallery-size-medium {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
    }
    .gallery-columns-6.gallery-size-medium figure {
        max-width: 16.66%;
    }
    .csscolumns .gallery-columns-6.gallery-size-medium {
        -moz-column-count: 6;
        -webkit-column-count: 6;
        column-count: 6;
    }
    .gallery-columns-7.gallery-size-medium figure {
        max-width: 14.28%;
    }
    .csscolumns .gallery-columns-7.gallery-size-medium {
        -moz-column-count: 7;
        -webkit-column-count: 7;
        column-count: 7;
    }
    .gallery-columns-8.gallery-size-medium figure {
        max-width: 12.5%;
    }
    .csscolumns .gallery-columns-8.gallery-size-medium {
        -moz-column-count: 8;
        -webkit-column-count: 8;
        column-count: 8;
    }
    .gallery-columns-9.gallery-size-medium figure {
        max-width: 11.11%;
    }
    .csscolumns .gallery-columns-9.gallery-size-medium {
        -moz-column-count: 9;
        -webkit-column-count: 9;
        column-count: 9;
    }
    .gallery-columns-1.gallery-size-thumbnail figure,
    .gallery-columns-2.gallery-size-thumbnail figure,
    .gallery-columns-3.gallery-size-thumbnail figure,
    .gallery-columns-4.gallery-size-thumbnail figure,
    .gallery-columns-5.gallery-size-thumbnail figure,
    .gallery-columns-6.gallery-size-thumbnail figure,
    .gallery-columns-7.gallery-size-thumbnail figure,
    .gallery-columns-8.gallery-size-thumbnail figure {
        max-width: 12.5%;
    }
    .csscolumns .gallery-columns-1.gallery-size-thumbnail,
    .csscolumns .gallery-columns-2.gallery-size-thumbnail,
    .csscolumns .gallery-columns-3.gallery-size-thumbnail,
    .csscolumns .gallery-columns-4.gallery-size-thumbnail,
    .csscolumns .gallery-columns-5.gallery-size-thumbnail,
    .csscolumns .gallery-columns-6.gallery-size-thumbnail,
    .csscolumns .gallery-columns-7.gallery-size-thumbnail,
    .csscolumns .gallery-columns-8.gallery-size-thumbnail {
        -moz-column-count: 8;
        -webkit-column-count: 8;
        column-count: 8;
    }
    .gallery-columns-9.gallery-size-thumbnail figure {
        max-width: 11.11%;
    }
    .csscolumns .gallery-columns-9.gallery-size-thumbnail {
        -moz-column-count: 9;
        -webkit-column-count: 9;
        column-count: 9;
    }
}

@media screen and (min-width: 2401px) and (max-width: 2700px) {
    .gallery-columns-1.gallery-size-medium figure,
    .gallery-columns-2.gallery-size-medium figure,
    .gallery-columns-3.gallery-size-medium figure,
    .gallery-columns-4.gallery-size-medium figure,
    .gallery-columns-5.gallery-size-medium figure {
        max-width: 20%;
    }
    .csscolumns .gallery-columns-1.gallery-size-medium,
    .csscolumns .gallery-columns-2.gallery-size-medium,
    .csscolumns .gallery-columns-3.gallery-size-medium,
    .csscolumns .gallery-columns-4.gallery-size-medium,
    .csscolumns .gallery-columns-5.gallery-size-medium {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
    }
    .gallery-columns-6.gallery-size-medium figure {
        max-width: 16.66%;
    }
    .csscolumns .gallery-columns-6.gallery-size-medium {
        -moz-column-count: 6;
        -webkit-column-count: 6;
        column-count: 6;
    }
    .gallery-columns-7.gallery-size-medium figure {
        max-width: 14.28%;
    }
    .csscolumns .gallery-columns-7.gallery-size-medium {
        -moz-column-count: 7;
        -webkit-column-count: 7;
        column-count: 7;
    }
    .gallery-columns-8.gallery-size-medium figure {
        max-width: 12.5%;
    }
    .csscolumns .gallery-columns-8.gallery-size-medium {
        -moz-column-count: 8;
        -webkit-column-count: 8;
        column-count: 8;
    }
    .gallery-columns-9.gallery-size-medium figure {
        max-width: 11.11%;
    }
    .csscolumns .gallery-columns-9.gallery-size-medium {
        -moz-column-count: 9;
        -webkit-column-count: 9;
        column-count: 9;
    }
    .gallery-columns-1.gallery-size-thumbnail figure,
    .gallery-columns-2.gallery-size-thumbnail figure,
    .gallery-columns-3.gallery-size-thumbnail figure,
    .gallery-columns-4.gallery-size-thumbnail figure,
    .gallery-columns-5.gallery-size-thumbnail figure,
    .gallery-columns-6.gallery-size-thumbnail figure,
    .gallery-columns-8.gallery-size-thumbnail figure,
    .gallery-columns-9.gallery-size-thumbnail figure {
        max-width: 11.11%;
    }
    .csscolumns .gallery-columns-1.gallery-size-thumbnail,
    .csscolumns .gallery-columns-2.gallery-size-thumbnail,
    .csscolumns .gallery-columns-3.gallery-size-thumbnail,
    .csscolumns .gallery-columns-4.gallery-size-thumbnail,
    .csscolumns .gallery-columns-5.gallery-size-thumbnail,
    .csscolumns .gallery-columns-6.gallery-size-thumbnail,
    .csscolumns .gallery-columns-8.gallery-size-thumbnail,
    .csscolumns .gallery-columns-9.gallery-size-thumbnail {
        -moz-column-count: 9;
        -webkit-column-count: 9;
        column-count: 9;
    }
}

@media screen and (min-width: 2701px) and (max-width: 3000px) {
    .gallery-columns-1.gallery-size-medium figure,
    .gallery-columns-2.gallery-size-medium figure,
    .gallery-columns-3.gallery-size-medium figure,
    .gallery-columns-4.gallery-size-medium figure,
    .gallery-columns-5.gallery-size-medium figure {
        max-width: 20%;
    }
    .csscolumns .gallery-columns-1.gallery-size-medium,
    .csscolumns .gallery-columns-2.gallery-size-medium,
    .csscolumns .gallery-columns-3.gallery-size-medium,
    .csscolumns .gallery-columns-4.gallery-size-medium,
    .csscolumns .gallery-columns-5.gallery-size-medium {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
    }
    .gallery-columns-6.gallery-size-medium figure {
        max-width: 16.66%;
    }
    .csscolumns .gallery-columns-6.gallery-size-medium {
        -moz-column-count: 6;
        -webkit-column-count: 6;
        column-count: 6;
    }
    .gallery-columns-7.gallery-size-medium figure {
        max-width: 14.28%;
    }
    .csscolumns .gallery-columns-7.gallery-size-medium {
        -moz-column-count: 7;
        -webkit-column-count: 7;
        column-count: 7;
    }
    .gallery-columns-8.gallery-size-medium figure {
        max-width: 12.5%;
    }
    .csscolumns .gallery-columns-8.gallery-size-medium {
        -moz-column-count: 8;
        -webkit-column-count: 8;
        column-count: 8;
    }
    .gallery-columns-9.gallery-size-medium figure {
        max-width: 11.11%;
    }
    .csscolumns .gallery-columns-9.gallery-size-medium {
        -moz-column-count: 9;
        -webkit-column-count: 9;
        column-count: 9;
    }
    .gallery-size-thumbnail figure {
        max-width: 10%;
    }
    .csscolumns .gallery-size-thumbnail {
        -moz-column-count: 10;
        -webkit-column-count: 10;
        column-count: 10;
    }
}

@media screen and (min-width: 3001px) and (max-width: 3300px) {
    .gallery-columns-1.gallery-size-medium figure,
    .gallery-columns-2.gallery-size-medium figure,
    .gallery-columns-3.gallery-size-medium figure,
    .gallery-columns-4.gallery-size-medium figure,
    .gallery-columns-5.gallery-size-medium figure,
    .gallery-columns-6.gallery-size-medium figure {
        max-width: 16.66%;
    }
    .csscolumns .gallery-columns-1.gallery-size-medium,
    .csscolumns .gallery-columns-2.gallery-size-medium,
    .csscolumns .gallery-columns-3.gallery-size-medium,
    .csscolumns .gallery-columns-4.gallery-size-medium,
    .csscolumns .gallery-columns-5.gallery-size-medium,
    .csscolumns .gallery-columns-6.gallery-size-medium {
        -moz-column-count: 6;
        -webkit-column-count: 6;
        column-count: 6;
    }
    .gallery-columns-7.gallery-size-medium figure {
        max-width: 14.28%;
    }
    .csscolumns .gallery-columns-7.gallery-size-medium {
        -moz-column-count: 7;
        -webkit-column-count: 7;
        column-count: 7;
    }
    .gallery-columns-8.gallery-size-medium figure {
        max-width: 12.5%;
    }
    .csscolumns .gallery-columns-8.gallery-size-medium {
        -moz-column-count: 8;
        -webkit-column-count: 8;
        column-count: 8;
    }
    .gallery-columns-9.gallery-size-medium figure {
        max-width: 11.11%;
    }
    .csscolumns .gallery-columns-9.gallery-size-medium {
        -moz-column-count: 9;
        -webkit-column-count: 9;
        column-count: 9;
    }
    .gallery-size-thumbnail figure {
        max-width: 9.09%;
    }
    .csscolumns .gallery-size-thumbnail {
        -moz-column-count: 11;
        -webkit-column-count: 11;
        column-count: 11;
    }
}

@media screen and (min-width: 3301px) and (max-width: 3600px) {
    .gallery-columns-1.gallery-size-medium figure,
    .gallery-columns-2.gallery-size-medium figure,
    .gallery-columns-3.gallery-size-medium figure,
    .gallery-columns-4.gallery-size-medium figure,
    .gallery-columns-5.gallery-size-medium figure,
    .gallery-columns-6.gallery-size-medium figure {
        max-width: 16.66%;
    }
    .csscolumns .gallery-columns-1.gallery-size-medium,
    .csscolumns .gallery-columns-2.gallery-size-medium,
    .csscolumns .gallery-columns-3.gallery-size-medium,
    .csscolumns .gallery-columns-4.gallery-size-medium,
    .csscolumns .gallery-columns-5.gallery-size-medium,
    .csscolumns .gallery-columns-6.gallery-size-medium {
        -moz-column-count: 6;
        -webkit-column-count: 6;
        column-count: 6;
    }
    .gallery-columns-7.gallery-size-medium figure {
        max-width: 14.28%;
    }
    .csscolumns .gallery-columns-7.gallery-size-medium {
        -moz-column-count: 7;
        -webkit-column-count: 7;
        column-count: 7;
    }
    .gallery-columns-8.gallery-size-medium figure {
        max-width: 12.5%;
    }
    .csscolumns .gallery-columns-8.gallery-size-medium {
        -moz-column-count: 8;
        -webkit-column-count: 8;
        column-count: 8;
    }
    .gallery-columns-9.gallery-size-medium figure {
        max-width: 11.11%;
    }
    .csscolumns .gallery-columns-9.gallery-size-medium {
        -moz-column-count: 9;
        -webkit-column-count: 9;
        column-count: 9;
    }
    .gallery-size-thumbnail figure {
        max-width: 8.33%;
    }
    .csscolumns .gallery-size-thumbnail {
        -moz-column-count: 12;
        -webkit-column-count: 12;
        column-count: 12;
    }
}

@media screen and (min-width: 3601px) and (max-width: 3900px) {
    .gallery-columns-1.gallery-size-medium figure,
    .gallery-columns-2.gallery-size-medium figure,
    .gallery-columns-3.gallery-size-medium figure,
    .gallery-columns-4.gallery-size-medium figure,
    .gallery-columns-5.gallery-size-medium figure,
    .gallery-columns-6.gallery-size-medium figure,
    .gallery-columns-7.gallery-size-medium figure {
        max-width: 14.28%;
    }
    .csscolumns .gallery-columns-1.gallery-size-medium,
    .csscolumns .gallery-columns-2.gallery-size-medium,
    .csscolumns .gallery-columns-3.gallery-size-medium,
    .csscolumns .gallery-columns-4.gallery-size-medium,
    .csscolumns .gallery-columns-5.gallery-size-medium,
    .csscolumns .gallery-columns-6.gallery-size-medium,
    .csscolumns .gallery-columns-7.gallery-size-medium {
        -moz-column-count: 7;
        -webkit-column-count: 7;
        column-count: 7;
    }
    .gallery-columns-8.gallery-size-medium figure {
        max-width: 12.5%;
    }
    .csscolumns .gallery-columns-8.gallery-size-medium {
        -moz-column-count: 8;
        -webkit-column-count: 8;
        column-count: 8;
    }
    .gallery-columns-9.gallery-size-medium figure {
        max-width: 11.11%;
    }
    .csscolumns .gallery-columns-9.gallery-size-medium {
        -moz-column-count: 9;
        -webkit-column-count: 9;
        column-count: 9;
    }
    .gallery-size-thumbnail figure {
        max-width: 7.69%;
    }
    .csscolumns .gallery-size-thumbnail {
        -moz-column-count: 13;
        -webkit-column-count: 13;
        column-count: 13;
    }
}

@media screen and (min-width: 3901px) and (max-width: 4200px) {
    .gallery-columns-1.gallery-size-medium figure,
    .gallery-columns-2.gallery-size-medium figure,
    .gallery-columns-3.gallery-size-medium figure,
    .gallery-columns-4.gallery-size-medium figure,
    .gallery-columns-5.gallery-size-medium figure,
    .gallery-columns-6.gallery-size-medium figure,
    .gallery-columns-7.gallery-size-medium figure {
        max-width: 14.28%;
    }
    .csscolumns .gallery-columns-1.gallery-size-medium,
    .csscolumns .gallery-columns-2.gallery-size-medium,
    .csscolumns .gallery-columns-3.gallery-size-medium,
    .csscolumns .gallery-columns-4.gallery-size-medium,
    .csscolumns .gallery-columns-5.gallery-size-medium,
    .csscolumns .gallery-columns-6.gallery-size-medium,
    .csscolumns .gallery-columns-7.gallery-size-medium {
        -moz-column-count: 7;
        -webkit-column-count: 7;
        column-count: 7;
    }
    .gallery-columns-8.gallery-size-medium figure {
        max-width: 12.5%;
    }
    .csscolumns .gallery-columns-8.gallery-size-medium {
        -moz-column-count: 8;
        -webkit-column-count: 8;
        column-count: 8;
    }
    .gallery-columns-9.gallery-size-medium figure {
        max-width: 11.11%;
    }
    .csscolumns .gallery-columns-9.gallery-size-medium {
        -moz-column-count: 9;
        -webkit-column-count: 9;
        column-count: 9;
    }
    .gallery-size-thumbnail figure {
        max-width: 7.14%;
    }
    .csscolumns .gallery-size-thumbnail {
        -moz-column-count: 14;
        -webkit-column-count: 14;
        column-count: 14;
    }
}

@media screen and (min-width: 4201px) and (max-width: 4500px) {
    .gallery-columns-1.gallery-size-medium figure,
    .gallery-columns-2.gallery-size-medium figure,
    .gallery-columns-3.gallery-size-medium figure,
    .gallery-columns-4.gallery-size-medium figure,
    .gallery-columns-5.gallery-size-medium figure,
    .gallery-columns-6.gallery-size-medium figure,
    .gallery-columns-7.gallery-size-medium figure,
    .gallery-columns-8.gallery-size-medium figure {
        max-width: 12.5%;
    }
    .csscolumns .gallery-columns-1.gallery-size-medium,
    .csscolumns .gallery-columns-2.gallery-size-medium,
    .csscolumns .gallery-columns-3.gallery-size-medium,
    .csscolumns .gallery-columns-4.gallery-size-medium,
    .csscolumns .gallery-columns-5.gallery-size-medium,
    .csscolumns .gallery-columns-6.gallery-size-medium,
    .csscolumns .gallery-columns-7.gallery-size-medium,
    .csscolumns .gallery-columns-8.gallery-size-medium {
        -moz-column-count: 8;
        -webkit-column-count: 8;
        column-count: 8;
    }
    .gallery-columns-9.gallery-size-medium figure {
        max-width: 11.11%;
    }
    .csscolumns .gallery-columns-9.gallery-size-medium {
        -moz-column-count: 9;
        -webkit-column-count: 9;
        column-count: 9;
    }
    .gallery-size-thumbnail figure {
        max-width: 6.66%;
    }
    .csscolumns .gallery-size-thumbnail {
        -moz-column-count: 15;
        -webkit-column-count: 15;
        column-count: 15;
    }
}

@media screen and (min-width: 4501px) and (max-width: 4800px) {
    .gallery-columns-1.gallery-size-medium figure,
    .gallery-columns-2.gallery-size-medium figure,
    .gallery-columns-3.gallery-size-medium figure,
    .gallery-columns-4.gallery-size-medium figure,
    .gallery-columns-5.gallery-size-medium figure,
    .gallery-columns-6.gallery-size-medium figure,
    .gallery-columns-7.gallery-size-medium figure,
    .gallery-columns-8.gallery-size-medium figure {
        max-width: 12.5%;
    }
    .csscolumns .gallery-columns-1.gallery-size-medium,
    .csscolumns .gallery-columns-2.gallery-size-medium,
    .csscolumns .gallery-columns-3.gallery-size-medium,
    .csscolumns .gallery-columns-4.gallery-size-medium,
    .csscolumns .gallery-columns-5.gallery-size-medium,
    .csscolumns .gallery-columns-6.gallery-size-medium,
    .csscolumns .gallery-columns-7.gallery-size-medium,
    .csscolumns .gallery-columns-8.gallery-size-medium {
        -moz-column-count: 8;
        -webkit-column-count: 8;
        column-count: 8;
    }
    .gallery-columns-9.gallery-size-medium figure {
        max-width: 11.11%;
    }
    .csscolumns .gallery-columns-9.gallery-size-medium {
        -moz-column-count: 9;
        -webkit-column-count: 9;
        column-count: 9;
    }
    .gallery-size-thumbnail figure {
        max-width: 6.25%;
    }
    .csscolumns .gallery-size-thumbnail {
        -moz-column-count: 16;
        -webkit-column-count: 16;
        column-count: 16;
    }
}

@media screen and (min-width: 4801px) and (max-width: 5400px) {
    .gallery-size-medium figure {
        max-width: 11.11%;
    }
    .csscolumns .gallery-size-medium {
        -moz-column-count: 9;
        -webkit-column-count: 9;
        column-count: 9;
    }
    .gallery-size-thumbnail figure {
        max-width: 5.88%;
    }
    .csscolumns .gallery-size-thumbnail {
        -moz-column-count: 17;
        -webkit-column-count: 17;
        column-count: 17;
    }
}

@media screen and (min-width: 5401px) and (max-width: 5700px) {
    .gallery-size-medium figure {
        max-width: 10%;
    }
    .csscolumns .gallery-size-medium {
        -moz-column-count: 10;
        -webkit-column-count: 10;
        column-count: 10;
    }
    .gallery-size-thumbnail figure {
        max-width: 5.55%;
    }
    .csscolumns .gallery-size-thumbnail {
        -moz-column-count: 18;
        -webkit-column-count: 18;
        column-count: 18;
    }
}

@media screen and (min-width: 5701px) and (max-width: 6000px) {
    .gallery-size-medium figure {
        max-width: 10%;
    }
    .csscolumns .gallery-size-medium {
        -moz-column-count: 10;
        -webkit-column-count: 10;
        column-count: 10;
    }
    .gallery-size-thumbnail figure {
        max-width: 5.26%;
    }
    .csscolumns .gallery-size-thumbnail {
        -moz-column-count: 19;
        -webkit-column-count: 19;
        column-count: 19;
    }
}

@media screen and (min-width: 6001px) {
    .gallery-size-medium figure {
        max-width: 600px;
    }
    .csscolumns .gallery-size-medium {
        -moz-column-count: 10;
        -webkit-column-count: 10;
        column-count: 10;
    }
    .gallery-size-thumbnail figure {
        max-width: 300px;
    }
    .csscolumns .gallery-size-thumbnail {
        -moz-column-count: 20;
        -webkit-column-count: 20;
        column-count: 20;
    }
}

.gallery-caption {
    display: block;
}

.gallery-item {
    position: relative;
    clear: none;
    margin: 0px;
    overflow: hidden;
}

.gallery-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    max-height: 100%;
    width: 100%;
    padding: 6px 8px;
    padding: 0.6rem 0.8rem;
    margin: 0 auto;
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
    font-size: 13px;
    font-size: 70%;
    font-weight: 300;
    line-height: 1.2;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.1);
    text-align: left;
    opacity: 1;
    cursor: pointer;
    overflow: auto;
}

.toggled .gallery-caption,
.toggleadding .gallery-caption,
.toggleremoving .gallery-caption {
    mix-blend-mode: unset;
}

.gallery-caption:empty,
.gallery-item:hover .gallery-caption:empty,
.msnry_item:hover .gallery-caption:empty,
.gallery-caption:empty,
.gallery-item:focus .gallery-caption:empty,
.msnry_item:focus .gallery-caption:empty,
.gallery-caption:empty,
.gallery-item:active .gallery-caption:empty,
.msnry_item:active .gallery-caption:empty {
    opacity: 0;
}

.gallery a,
.photoswipe_gallery a {
    display: block;
    overflow: hidden;
    
    
    
    
}

.gallery-item a:hover+.gallery-caption,
.msnry_item a:hover+.gallery-caption,
.gallery-item a:focus+.gallery-caption,
.msnry_item a:focus+.gallery-caption,
.gallery-item a:active+.gallery-caption,
.msnry_item a:active+.gallery-caption {
    bottom: 0;
    opacity: 1;
    background-color: rgba(0, 0, 0, .4);
}

.gallery a img,
.photoswipe_gallery a img {
    -o-transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -webkit-transition: transform 1s ease;
    transition: transform 1s ease;
}

.gallery-item a:hover img,
.msnry_item a:hover img,
.gallery-item a:focus img,
.msnry_item a:focus img,
.gallery-item a:active img,
.msnry_item a:active img {
    transform: scale(1.1);
    -o-transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -webkit-transition: transform 1s ease;
    transition: transform 1s ease;
}

html.ie-old .gallery a img,
html.ie-old .photoswipe_gallery a img,
html.no-js .gallery a img,
html.no-js .photoswipe_gallery a img {
    -webkit-filter: none;
    filter: none;
    visibility: visible;
    opacity: 1;
    object-fit: cover;
    object-position: center center;
  
  
  
  
}

@-webkit-keyframes gallerycolorchange {
    0% {
        background: #484848;
    }
    50% {
        background: #777;
    }
    100% {
        background: #484848;
    }
}

@keyframes gallerycolorchange {
    0% {
        background: #484848;
    }
    50% {
        background: #777;
    }
    100% {
        background: #484848;
    }
}

.gallery a img.wide,
.photoswipe_gallery a img.wide {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

.gallery a img.tall,
.photoswipe_gallery a img.tall {
    max-height: 100%;
    max-width: 100%;
    width: auto;
}

.gallery-caption a,
.pswp__caption a {
    color: #E5B5AF;
}

.csscolumns .gallery,
.csscolumns .photoswipe_gallery {
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0;
    transform: translateZ(0);
}

.csscolumns .gallery figure,
.csscolumns .photoswipe_gallery figure {
    max-width: 100%;
    width: 100%;
    max-height: unset;
}

/*--------------------------------------------------------------
## MediaElement.js
--------------------------------------------------------------*/

.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
    background: #333 !important;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #16bed2 !important;
}

.wp-playlist-light,
.wp-playlist-dark {
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', sans-serif !important;
}
.mejs-button>button {
    background: transparent !important;
}
.mejs-button>button:before {
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-family: 'Font Awesome 5 Pro',
        'Font Awesome 5 Brands',
        'FontAwesome';
        font-size: 10px;
        font-size: 1rem;
        font-style: normal;
        text-decoration: inherit;
        vertical-align: text-bottom;
        content: "\f04b";
        color: #FFF;
        border: 0;
        cursor: pointer;
        line-height: normal;
        text-transform: uppercase;
        vertical-align: bottom;
        transform: rotate(0);
        font-weight: 800;
        
        
        
        
}
.mejs-play>button:before {
    content: "\f04b";
}

.mejs-pause>button:before {
    content: "\f04c";
}

.mejs-replay>button:before {
    content: "\f2f9";
}
.mejs-mute>button:before {
    content: "\f027";
}
.mejs-unmute>button:before {
    content: "\f026";
}
.wp-playlist-item-title {
    font-size: 1.3rem !important;
}

.wp-playlist-item-artist {
    font-size: 1rem !important;
    text-transform: none !important;
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif !important;
}

.mejs-button>button {
    min-height: 20px !important;
}

.wp-playlist-caption {
    font-size: 1.3rem !important;
}

.wp-playlist-current-item .wp-playlist-caption {
color: #d4d4d4 !important;
max-width: unset !important;
width: 100% !important;
text-align: center !important;
}
.wp-playlist-item-length {
    top: 1.1rem !important;
    font-size: 1.2rem !important;
    margin-right: .5rem !important;
}

.wp-playlist {
    padding: 2rem 0 !important;
    border: none !important;
    background: transparent !important;
}

.wp-playlist-item {
    padding: 1rem 0.5rem !important;
}

.wp-playlist-light .wp-playlist-playing {
    background-color: rgba(181, 181, 181, 0.3) !important;
}

.wp-playlist-dark .wp-playlist-playing {
    background-color: rgba(99, 99, 99, 0.3) !important;
}

.wp-playlist-tracks {
    margin-top: 0 !important;
}

html.js .wp-playlist img {
    visibility: visible !important;
}

.wp-playlist-current-item {
    height: auto !important;
    margin-bottom: 0 !important;
    background: #333 !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.wp-playlist .wp-playlist-current-item img {
    float: none !important;
    max-width: 300px !important;
    max-height: 300px !important;
    margin-right: 0 !important;
    width: 100% !important;
    height: auto !important;
}
.wp-playlist-current-item .wp-playlist-item-title {
    font-size: 2rem !important;
    font-weight: 700 !important;
    white-space: normal !important;
}

.wp-playlist-current-item .wp-playlist-item-album {
    font-size: 1.5rem !important;
}

.wp-playlist-current-item .wp-playlist-item-artist {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    white-space: normal !important;
    color: #9e9e9e !important;
}

@media screen and (min-height: 500px) and (min-width: 600px) {
    .wp-playlist-current-item {
        flex-direction: row !important;
    }
}

iframe[src*="spotify"] {
    width: auto;
    height: auto;
    min-width: 180px;
    min-height: 400px;
}

/*--------------------------------------------------------------
## photoswipe
--------------------------------------------------------------*/

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */

/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/

/* pswp = photoswipe */

.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 99909999;
    -webkit-text-size-adjust: 100%;
    /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: none;
}

.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pswp img {
    max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */

.pswp--animate_opacity {
    /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
    opacity: 0.001;
    will-change: opacity;
    /* for open/close transition */
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
    display: block;
}

.toggled .pswp--open,
.toggleadding .pswp--open,
.toggleremoving .pswp--open {
    display: none;
}

.pswp--zoom-allowed .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.pswp--dragging .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity;
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

/* Prevent selection and tap highlights */

.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    /* for open/close transition */
    -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
    will-change: opacity;
    /* for open/close transition */
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
}

.js .pswp__img {
    visibility: visible;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/

.pswp__img--placeholder--blank {
    background: #222;
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #CCC;
}

.pswp__error-msg a {
    color: #CCC;
    text-decoration: underline;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */

/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/

/*
	
	1. Buttons

 */

/* <button> css reset */

.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: 0.75;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pswp__button:focus,
.pswp__button:hover {
    opacity: 1;
}

.pswp__button:active {
    outline: none;
    opacity: 0.9;
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.photoswipe-visible .site-header,
.photoswipe-visible .site-header.transparent {
    left: 0;
    top: 0;
    background: transparent;
    mix-blend-mode: unset;
    max-height: 44px;
    min-height: 44px;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.photoswipe-visible .site-logo {
    height: 44px;
    height: 120px;
    padding-top: 30px;
    padding-top: 0.3rem;
}
.photoswipe-visible .site-logo>svg {
    height: 20px;
}

.photoswipe-visible .site-title {
    line-height: 44px;
    font-size: 22px;
    padding-left: 0;
    margin-left: 42px;
    padding-right: 10px;
}

.photoswipe-visible .menu-toggle {
    display: none;
}

.photoswipe-visible .go-to-top-wrapper,
.photoswipe-visible .go-to-top-wrapper.in-view {
    display: none;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */

.pswp__ui--over-close .pswp__button--close {
    opacity: 1;
}

.pswp {
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', sans-serif;
}

.pswp a,
.pswp a:hovered {
    text-decoration: none;
}

/* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */

.pswp--svg .pswp__button {
    background-image: url('inc/photoswipe/default-skin.svg');
}

.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
    background-image: none;
    background-color: rgba(0, 0, 0, 0.3);
    mix-blend-mode: difference;
}

.pswp__button--close {
    background-position: 0 -44px;
    background-color: #BF2413;
}

.pswp__button--share {
    background-position: -44px -44px;
}

.pswp__button--fs {
    display: none;
}

.pswp--supports-fs .pswp__button--fs {
    display: block;
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0;
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0;
}

/* no arrows on touch screens */

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden;
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute;
}

.pswp__button--arrow--left {
    left: 0;
}

.pswp__button--arrow--right {
    right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'FontAwesome';
    color: #FFF;
    font-size: 20px;
    font-size: 2rem;
    font-style: normal;
    text-decoration: inherit;
    vertical-align: text-bottom;
    position: absolute;
    border: 0;
    cursor: pointer;
    line-height: normal;
    text-transform: uppercase;
    vertical-align: bottom;
    text-align: center;
    height: 30px;
    width: 32px;
    top: 32px;
}

.pswp__button--arrow--left:before {
    content: '\f104';
    left: 6px;
}

.pswp__button--arrow--right:before {
    content: '\f105';
    right: 6px;
}

/*

	2. Share modal/popup and links

 */

.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pswp__share-modal {
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity;
}

.pswp__share-modal--hidden {
    display: none;
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #FFF;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 56px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
}

.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000;
}

.pswp__share-tooltip a:first-child {
    /* round corners on the first/last list item */
    border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
    opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

/* increase size of share links on touch devices */

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px;
}

.pswp__share-tooltip a:first-of-type:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 8px;
    right: -12px;
    border: 6px solid transparent;
    border-left-color: #FFF;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
}

.pswp__share-tooltip a:first-of-type:hover:after {
    border-left-color: #3E5C9A;
}

@media screen and (min-width: 600px) {
    .pswp__button {
        clear: none;
    }
    .pswp__share-tooltip a:first-of-type:after {
        top: -12px;
        right: 7px;
        border-left-color: transparent;
        border-bottom-color: #FFF;
    }
    .pswp__share-tooltip a:first-of-type:hover:after {
        border-bottom-color: #3E5C9A;
        border-left-color: transparent;
    }
}

a.pswp__share--facebook:hover {
    background: #3E5C9A;
    color: #FFF;
}

a.pswp__share--twitter:hover {
    background: #55ACEE;
    color: #FFF;
}

a.pswp__share--pinterest:hover {
    background: #CCC;
    color: #CE272D;
}

a.pswp__share--download:hover {
    background: #DDD;
}

/*

	3. Index indicator ("1 of X" counter)

 */

.pswp__counter {
    position: absolute;
    width: 100%;
    top: 0;
    height: 44px;
    font-size: 12px;
    font-size: 1rem;
    line-height: 44px;
    color: #FFF;
    opacity: 0.75;
    padding: 0 10px;
    text-align: center;
}

/*
	
	4. Caption

 */

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px;
}

.pswp__caption small {
    font-size: 11px;
    color: #BBB;
}

.pswp__caption__center {
    text-align: center;
    max-width: 1700px;
    margin: 0 auto;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 10px;
    line-height: 20px;
    color: #CCC;
}

.pswp__caption--empty {
    display: none;
}

/* Fake caption element, used to calculate height of next/prev image */

.pswp__caption--fake {
    visibility: hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 108px;
    margin-left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    will-change: opacity;
    direction: ltr;
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px;
}

.pswp__preloader--active {
    opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url('inc/photoswipe/preloader.gif') 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
    animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: 0.75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
    /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0;
}

@media screen and (max-width: 320px) {
    .pswp__preloader {
        left: 44px;
        margin-left: 0;
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

/*
	
	6. Additional styles

 */

/* root element of UI */

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 44px
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
    background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */

.pswp__ui--idle .pswp__top-bar {
    opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
    /* Force paint & create composition layer for controls. */
    opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none;
}

.pswp__element--disabled {
    display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
    background: none;
}

/*--------------------------------------------------------------
# Media queries
--------------------------------------------------------------*/

body.admin-bar #page {
    margin-top: 46px;
}

body.admin-bar .site-header,
body.admin-bar .menu-toggle,
body.admin-bar .main-navigation>.search-form,
body.admin-bar .go-to-top-wrapper,
body.admin-bar .menu-settings {
    top: 66px;
    top: calc(2rem + 46px);
    mix-blend-mode: unset;
}

body.admin-bar .main-navigation .menu-wrapper>div:first-of-type,
body.admin-bar .main-navigation .sidebar {
    padding-top: 126px;
    padding-top: calc(8rem + 46px);
}

@media screen and (min-width: 783px) {
    body.admin-bar #page {
        margin-top: 32px;
    }
    body.admin-bar .site-header,
    body.admin-bar .menu-toggle,
    body.admin-bar .main-navigation>.search-form,
    body.admin-bar .go-to-top-wrapper,
    body.admin-bar .menu-settings {
        top: 66px;
        top: calc(2rem + 32px);
    }
}

@media screen and (max-width: 230px) {
    .site-header,
    .site-header:hover,
    .site-header:focus,
    .site-header:active,
    html.loaded .site-header.transparent:hover,
    html.loaded .site-header.transparent:active,
    html.loaded .site-header.transparent:focus {
        /* width: 48px;
        width: 4.8rem; */
        overflow: hidden;
    }
    .site-header .site-branding .site-logo svg path {
        /* display: none; */
    }
    .site-title {
        visibility: hidden;
    }
    .main-navigation .search-form .search-submit {
        display: none;
    }
    .main-navigation .search-form .search-field,
    .toggled .main-navigation>.search-form .search-field {
        width: 100%;
    }
    .site-footer {
        position: inherit;
    }
    .go-to-top-wrapper {
        left: 68px;
        left: 6.8rem;
    }
}

@media screen and (max-height: 320px) {
    .hentry {
        margin: 0 0 8px;
        margin: 0 0 0.5em;
    }
    .home .entry-header h1 {
        font-size: 40px;
        font-size: 4rem;
        padding: 20px 0 10px 0;
        padding: 2rem 0 1rem 0;
    }
    .home .entry-content,
    .home .entry-content p {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

@media screen and (max-height: 400px) {
    .site-footer {
        position: inherit;
    }
}

@media screen and (min-width: 600px) {
    .site-header {
        left: 4%;
        left: 4vw;
    }
    @supports(left: max(0px)) {
        .ios .site-header {
            left: max(4vw, constant(safe-area-inset-left));
            left: max(4vw, env(safe-area-inset-left));
        }
    }
    .main-portfolio-title,
    .main-posts-title {
        padding-left: 4%;
        padding-left: 4vw;
        padding-right: 4%;
        padding-right: 4vw;
    }
    @supports(padding: max(0px)) {
        .ios .main-portfolio-title,
        .ios .main-posts-title {
            padding-left: max(4vw, constant(safe-area-inset-left));
            padding-left: max(4vw, env(safe-area-inset-left));
            padding-right: max(4vw, constant(safe-area-inset-right));
            padding-right: max(4vw, env(safe-area-inset-right));
        }
    }

    .menu-toggle,
    body.attachment .go-to-top-wrapper {
        left: 94%;
        left: calc(96vw - 4.8rem);
        right: auto;
    }
    @supports(left: max(0px)) {
        .ios .menu-toggle,
        .ios body.attachment .go-to-top-wrapper {
            left: min(calc(96vw - 4.8rem), calc(100vw - constant(safe-area-inset-right) - 4.8rem));
            left: min(calc(96vw - 4.8rem), calc(100vw - env(safe-area-inset-right) - 4.8rem));
            right: auto;
        }
    }
    .menu-settings {
        left: 4%;
        left: calc(4vw + 10.5rem);
        right: auto;
    }
    @supports(left: max(0px)) {
        .ios .menu-settings {
            right: auto;
            left: max(calc(4vw + 10.5rem), calc( constant(safe-area-inset-right) + 10.5rem));
            left: max(calc(4vw + 10.5rem), calc( env(safe-area-inset-right) + 10.5rem));
        }
    }
    html.toggled .menu-settings {
        visibility: visible;
        opacity: 1;
        left: 5%;
        left: calc(4vw + 20.5rem);
        right: auto;
        pointer-events: all;
        
        
        
        
    }
    @supports(left: max(0px)) {
        html.ios.toggled .menu-settings {
            right: auto;
            left: max(calc(4vw + 20.5rem), calc( constant(safe-area-inset-right) + 20.5rem));
            left: max(calc(4vw + 20.5rem), calc( env(safe-area-inset-right) + 20.5rem));
        }
    }
    html.toggled.toggleremoving .menu-settings {
        left: 4%;
        left: calc(4vw + 10.5rem);
        right: auto;
        opacity: 0;
        
        
        
        
    }
    @supports(left: max(0px)) {
        html.ios.toggled.toggleremoving .menu-settings {
            right: auto;
            left: max(calc(4vw + 10.5rem), calc( constant(safe-area-inset-right) + 10.5rem));
            left: max(calc(4vw + 10.5rem), calc( env(safe-area-inset-right) + 10.5rem));
        }
    }
    .go-to-top-wrapper {
        left: calc(4vw + 10.55rem);
        right: auto;
    }
    @supports(left: max(0px)) {
        .ios .go-to-top-wrapper {
            left: max(calc(4vw + 10.55rem), calc(constant(safe-area-inset-left) + 10.55rem));
            left: max(calc(4vw + 10.55rem), calc(env(safe-area-inset-left) + 10.55rem));
        }
    }
    .entry-footer .edit-link {
        left: 4%;
        left: 4vw;
    }
    @supports(padding: max(0px)) {
        .ios .entry-footer .edit-link {
            left: max(4vw, constant(safe-area-inset-left));
            left: max(4vw, env(safe-area-inset-left));
        }
    }
    .toggled .main-navigation>.search-form {
        left: 4%;
        left: 4vw;
    }
    @supports(left: max(0px)) {
        .ios.toggled .main-navigation>.search-form {
            left: max(4vw, constant(safe-area-inset-left));
            left: max(4vw, env(safe-area-inset-left));
        }
    }
    .toggled.searchtrue .main-navigation>.search-form {
        width: calc( 100vw - 5rem - 8vw);
    }
     @supports(width: max(0px)) {
        .ios.toggled.searchtrue .main-navigation>.search-form {
            width: min(calc( 100vw - 5rem - 8vw), calc( 100vw - 5rem - constant(safe-area-inset-left) - constant(safe-area-inset-right)));
            width: min(calc( 100vw - 5rem - 8vw), calc( 100vw - 5rem - env(safe-area-inset-left) - env(safe-area-inset-right)));
        }
    }
    .toggled.searchtrue .site-header {
        max-width: calc( 800px + 4.8rem);
    }
    .toggled.searchtrue .main-navigation>.search-form .search-field {
        max-width: calc( 100vw - 5rem - 8vw - 4.8rem);
        width: calc( 100vw - 5rem - 8vw - 4.8rem);
    }
    @supports(width: max(0px)) {
        .ios.toggled.searchtrue .main-navigation>.search-form .search-field {
            width: min(calc( 100vw - 5rem - 8vw - 4.8rem), calc( 100vw - 5rem - 4.8rem - constant(safe-area-inset-left) - constant(safe-area-inset-right)));
            width: min(calc( 100vw - 5rem - 8vw - 4.8rem), calc( 100vw - 5rem - 4.8rem - env(safe-area-inset-left) - env(safe-area-inset-right)));
        }
    }
    .toggled.searchtrue .site-header {
        width: calc( 100vw - 5rem - 8vw);
    }
    @supports(width: max(0px)) {
        .ios.toggled.searchtrue .site-header {
            width: min(calc( 100vw - 5rem - 8vw), calc( 100vw - 5rem - constant(safe-area-inset-left) - constant(safe-area-inset-right)));
            width: min(calc( 100vw - 5rem - 8vw), calc( 100vw - 5rem - env(safe-area-inset-left) - env(safe-area-inset-right)));
        }
    }
    .searchwp-live-search-results-first {
        width: calc( 100% - 5rem - 8vw) !important;
    }
    @supports(width: max(0px)) {
        .ios .searchwp-live-search-results-first {
            width: min(calc( 100vw - 5rem - 8vw), calc( 100vw - 5rem - constant(safe-area-inset-left) - constant(safe-area-inset-right))) !important;
            width: min(calc( 100vw - 5rem - 8vw), calc( 100vw - 5rem - env(safe-area-inset-left) - env(safe-area-inset-right))) !important;
        }
    }
    .ajax-style-button-wrapper {
        padding-left: 4%;
        padding-right: 4%;
        padding-left: 4vw;
        padding-right: 4vw;
    }
    @supports(padding: max(0px)) {
        .ios .ajax-style-button-wrapper {
            padding-left: max(4vw, constant(safe-area-inset-left));
            padding-right: max(4vw, constant(safe-area-inset-right));
            padding-left: max(4vw, env(safe-area-inset-left));
            padding-right: max(4vw, env(safe-area-inset-right));
        }
    }
    .main-navigation .menu-wrapper>div:first-of-type {
        padding-left: 4%;
        padding-left: 4vw;
        padding-right: 4%;
        padding-right: 4vw;
    }
    @supports(padding: max(0px)) {
        .ios .main-navigation .menu-wrapper>div:first-of-type {
            padding-left: max(4vw, constant(safe-area-inset-left));
            padding-right: max(4vw, constant(safe-area-inset-right));
            padding-left: max(4vw, env(safe-area-inset-left));
            padding-right: max(4vw, env(safe-area-inset-right));
        }
    }
    .main-navigation .sidebar {
        padding-left: 4%;
        padding-left: 4vw;
        padding-right: 4%;
        padding-right: 4vw;
        max-width: 600px;
    }
    @supports(padding: max(0px)) {
        .ios .main-navigation .sidebar {
            padding-left: max(4vw, constant(safe-area-inset-left));
            padding-right: max(4vw, constant(safe-area-inset-right));
            padding-left: max(4vw, env(safe-area-inset-left));
            padding-right: max(4vw, env(safe-area-inset-right));
            max-width: 600px;
        }
    }
    .page-template-page-temp #content,
    #content {
        padding: 0;
        margin-left: 4%;
        margin-right: 4%;
        margin-left: 4vw;
        margin-right: 4vw;
        max-width: 1500px;
    }
    @supports(margin: max(0px)) {
        .ios .page-template-page-temp .site-content,
        .ios #content {
            margin-left: max(4vw, constant(safe-area-inset-left));
            margin-right: max(4vw, constant(safe-area-inset-right));
            margin-left: max(4vw, env(safe-area-inset-left));
            margin-right: max(4vw, env(safe-area-inset-right));
            max-width: 1500px;
        }
    }
    .timo-privacy-popup-wrapper {
        padding-left: 4vw;
        padding-right: 4vw;
    }
    @supports(margin: max(0px)) {
        .ios .timo-privacy-popup-wrapper {
            padding-left: max(4vw, constant(safe-area-inset-left));
            padding-right: max(4vw, constant(safe-area-inset-right));
            padding-left: max(4vw, env(safe-area-inset-left));
            padding-right: max(4vw, env(safe-area-inset-right));
        }
    }
    #timo-privacy-popup-action-div {
        flex-wrap: nowrap;
    }
    #timo-privacy-popup-agree-button {
        margin-right: .4rem;
    }
    .error404 .searchwp-live-search-results-last,
    .search-no-results .searchwp-live-search-results-last {
        width: calc(100% - 8vw) !important;
        max-width: 800px;
    }
    @supports(width: max(0px)) {
        .ios .error404 .searchwp-live-search-results-last,
        .ios .search-no-results .searchwp-live-search-results-last {
            width: min(calc( 100% - 8vw), calc( 100% - constant(safe-area-inset-left) - constant(safe-area-inset-right))) !important;
            width: min(calc( 100% - 8vw), calc( 100% - env(safe-area-inset-left) - env(safe-area-inset-right))) !important;
            max-width: 800px;
        }
    }
    .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%;
        padding-top: 0;
    }
    .posts-wrapper,
    .fullwidth-wrapper,
    .shortheight .page-pagination-wrapper .navigation.pagination,
    .shortheight .page-pagination-wrapper .navigation.pagelinks,
    .site-content .entry-footer,
    .site-content .sharebuttons-container,
    .site-content .timo-filters-wrapper,
    .site-content .post-navigation,
    .site-content .comments-title,
    .site-content .ajax-comments-more-wrapper,
    .site-content .comment-respond:not(.inline),
    #disqus_thread,
    .site-content .comments-area,
    .site-content .widget-area,
    .site-content .widediv,
    .gallery,
    .photoswipe_gallery,
    .page-pagination-wrapper .navigation.pagination,
    .page-pagination-wrapper .navigation.pagelinks,
    .shortheight .navigation.pagination,
    .shortheight .navigation.pagelinks {
        margin-left: -4%;
        margin-left: -4vw;
    }
    @supports(margin: max(0px)) {
        .ios .posts-wrapper,
        .ios .fullwidth-wrapper,
        .ios.shortheight .page-pagination-wrapper .navigation.pagination,
        .ios.shortheight .page-pagination-wrapper .navigation.pagelinks,
        .ios .site-content .entry-footer,
        .ios .site-content .sharebuttons-container,
        .ios .site-content .timo-filters-wrapper,
        .ios .site-content .post-navigation,
        .ios .site-content .comments-title,
        .ios .site-content .ajax-comments-more-wrapper,
        .ios .site-content .comment-respond:not(.inline),
        .ios #disqus_thread,
        .ios .site-content .comments-area,
        .ios .site-content .widget-area,
        .ios .site-content .widediv,
        .ios .gallery,
        .ios .photoswipe_gallery,
        .ios .page-pagination-wrapper .navigation.pagination,
        .ios .page-pagination-wrapper .navigation.pagelinks,
        .ios.shortheight .navigation.pagination,
        .ios.shortheight .navigation.pagelinks {
            margin-left: min(-4vw, calc( constant(safe-area-inset-left) * -1));
            margin-left: min(-4vw, calc( env(safe-area-inset-left) * -1));
        }
    }
    .frontpage-inner-wrapper {
        padding: 0;
        margin: 0;
    }
    .portfolio-style-wrapper {
        padding: 2% 4%;
        padding: 2vw 4vw;
    }
    @supports(padding: max(0px)) {
        .ios .portfolio-style-wrapper {
            padding-left: max(4vw, constant(safe-area-inset-left));
            padding-left: max(4vw, env(safe-area-inset-left));
            padding-right: max(4vw, constant(safe-area-inset-left));
            padding-right: max(4vw, env(safe-area-inset-left));
        }
    }
    .portfolio-style-excerpt {
        width: 92vw;
        min-height: 92vw;
    }
    @supports(min-height: max(0px)) {
        .ios .portfolio-style-excerpt {
            width: min(92vw, calc( 100vw - constant(safe-area-inset-left)));
            width: min(92vw, calc( 100vw - env(safe-area-inset-left)));
            min-height: min(92vw, calc( 100vw - constant(safe-area-inset-left)));
            min-height: min(92vw, calc( 100vw - env(safe-area-inset-left)));
        }
    }
    .site-content .entry-footer,
    .site-content .sharebuttons-container,
    .site-content .timo-filters-wrapper,
    .site-content .post-navigation,
    .site-content .comments-title,
    .site-content .ajax-comments-more-wrapper,
    .site-content .comment-respond:not(.inline),
    #disqus_thread,
    .site-content .comments-area,
    .site-content .widget-area,
    .site-content .widediv {
        padding-left: 4%;
        padding-left: 4vw;
        padding-right: 4%;
        padding-right: 4vw;
    }
    @supports(margin: max(0px)) {
        .ios .site-content .entry-footer,
        .ios .site-content .sharebuttons-container,
        .ios .site-content .timo-filters-wrapper,
        .ios .site-content .post-navigation,
        .ios .site-content .comments-title,
        .site-content .ajax-comments-more-wrapper,
        .site-content .comment-respond:not(.inline),
        .ios #disqus_thread,
        .ios .site-content .comments-area,
        .ios .site-content .widget-area,
        .ios .site-content .widediv {
            padding-left: max(4vw, constant(safe-area-inset-left));
            padding-left: max(4vw, env(safe-area-inset-left));
            padding-right: max(4vw, constant(safe-area-inset-right));
            padding-right: max(4vw, env(safe-area-inset-right));
        }
    }

    .site-footer {
        padding: 18px 4%;
        padding: 1.8rem 4vw;
    }
    @supports(padding: max(0px)) {
        .ios .site-footer {
            padding-left: max(4vw, constant(safe-area-inset-left));
            padding-left: max(4vw, env(safe-area-inset-left));
            padding-right: max(4vw, constant(safe-area-inset-right));
            padding-right: max(4vw, env(safe-area-inset-right));
        }
    }
    .wpforms-container {
        max-width: 900px;
        margin-right: 40px;
        margin-right: 4rem;
    }
    .wpforms-container input.wpforms-field-medium,
    .wpforms-container select.wpforms-field-medium,
    .wpforms-container textarea.wpforms-field-medium,
    .wpforms-container .wpforms-field-row.wpforms-field-medium {
        /* max-width: 60%; */
    }
    .wpforms-container .wpforms-five-sixths,
    .wpforms-container .wpforms-four-sixths,
    .wpforms-container .wpforms-four-fifths,
    .wpforms-container .wpforms-one-fifth,
    .wpforms-container .wpforms-one-fourth,
    .wpforms-container .wpforms-one-half,
    .wpforms-container .wpforms-one-sixth,
    .wpforms-container .wpforms-one-third,
    .wpforms-container .wpforms-three-fourths,
    .wpforms-container .wpforms-three-fifths,
    .wpforms-container .wpforms-three-sixths,
    .wpforms-container .wpforms-two-fourths,
    .wpforms-container .wpforms-two-fifths,
    .wpforms-container .wpforms-two-sixths,
    .wpforms-container .wpforms-two-thirds {
        float: left;
        margin-left: 4%;
        clear: none;
        margin-bottom: 0;
    }
    .wpforms-container .wpforms-one-half,
    .wpforms-container .wpforms-three-sixths,
    .wpforms-container .wpforms-two-fourths {
        width: 48%;
    }
    .gallery,
    .photoswipe_gallery {
        padding: 4%;
        padding: 4vw;
    }

    @supports(margin: max(0px)) {
        .ios .gallery,
        .ios .photoswipe_gallery {
            padding: max(4vw, constant(safe-area-inset-left));
            padding: max(4vw, env(safe-area-inset-left));
        }
    }
}

@media screen and (min-width: 600px) and (min-height: 500px) {
    html {
        font-size: 70%;
    }
    html.fontsize1 {
        font-size: 60%;
    }
    html.fontsize3 {
        font-size: 80%;
    }
    .site-header {
        top: 4%;
        top: 4vh;
    }
    .menu-toggle,
    body.attachment .go-to-top-wrapper {
        top: 4%;
        top: 4vh;
    }
    .menu-settings {
        top: 4%;
        top: 4vh;
    }
    .go-to-top-wrapper {
        top: 4%;
        top: 4vh;
    }
    .main-navigation .menu-wrapper>div:first-of-type,
    .main-navigation .sidebar {
        padding-top: calc(8vh + 4.8rem);
        padding-bottom: 4vh;
    }
    html.isfiltered .timo-filters-wrapper:not(.in-view) #timo-filters .remove-filters-wrapper {
        bottom: 4vh;
    }
    .entry-footer .edit-link {
        bottom: 4%;
        bottom: 4vh;
    }
    .toggled .main-navigation>.search-form {
        top: 4%;
        top: 4vh;
    }
    .main-navigation>.search-form .search-field,
    .main-navigation>.search-form .search-submit {
        min-height: 48px;
        min-height: 4.8rem;
    }
    .page-template-page-temp #content,
    #content {
        padding: 0;
        margin-top: 10%;
        margin-top: calc(4vh + 5rem);
    }
    .main-content-wrapper {
        min-height: calc(96vh - 5rem);
    }
    .has-post-thumbnail .site-content,
    .has-post-thumbnail #content {
        margin-top: 300px;
        margin-top: 30vh;
        padding: 0;
    }
    .footer-navigation li:first-child>a {
        padding-left: 0;
    }
    .post-excerpt .excerpt-header,
    .post-excerpt .excerpt-content {
        margin-left: 4vw;
        margin-right: 4vw;
    }
    .site-footer {
        padding-top: 4vh;
        padding-bottom: 4vh;
    }
}

@media screen and (min-width: 700px) {
    .ios .portfolio-style-excerpt,
    .android .portfolio-style-excerpt,
    .ios .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper,
    .android .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper {
        width: 46vw;
        min-height: 46vw;
    }
    @supports(min-height: max(0px)) {
        .ios .portfolio-style-excerpt,
        .ios .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper {
            width: min(46vw, calc( 50vw - constant(safe-area-inset-left)));
            width: min(46vw, calc( 50vw - env(safe-area-inset-left)));
            min-height: min(46vw, calc( 50vw - constant(safe-area-inset-left)));
            min-height: min(46vw, calc( 50vw - env(safe-area-inset-left)));
        }
    }
    .ios:not(.textonly) .project-excerpt,
    .android:not(.textonly) .project-excerpt {
        width: 50%;
    }
    .ios .portfolio-style-excerpt .excerpt-title,
    .android .portfolio-style-excerpt .excerpt-title,
    .ios:not(.textonly) .project-excerpt .excerpt-title,
    .android:not(.textonly) .project-excerpt .excerpt-title {
        font-size: calc(2rem + 1vw);
    }

    .ios .frontpage-inner-wrapper .portfolio-style-excerpt .excerpt-title,
    .android .frontpage-inner-wrapper .portfolio-style-excerpt .excerpt-title {
        font-size: calc(2rem + 1.5vw);
    }

    article.playlists .entry-content>p:first-of-type img {
        max-width: 400px;
        max-height: 400px;
        max-width: 60vw;
        max-height: 60vw;
    }
    .site-footer {
        flex-direction: row;
        align-items: center;
    }
    .site-footer .footer-logo {
        order: 0;
        margin-top: 0;
        margin-right: 30px;
        margin-right: 3rem;
    }
}

@media screen and (min-width: 700px) and (min-height: 700px) {
    .page-template-page-temp.home .site-content,
    .page-template-page-temp.home #content {
        max-width: unset;
    }
    html:not(.ios):not(.android):not(.textonly) .frontpage-inner-wrapper .portfolio-style-excerpt {
        width: 92vw;
        min-height: 92vw;
    }
}

@media screen and (min-width: 1000px) {

	html.toggled .main-navigation .menu-wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
	}
    html.toggled:not(.toggleadding) .main-navigation .menu-wrapper {
        opacity: 1;
        -webkit-flex-direction: row;
        -webkit-align-items: flex-start;
        -webkit-justify-content: space-between;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -o-transition: background 0.3s ease;
        -moz-transition: background 0.3s ease;
        -webkit-transition: background 0.3s ease;
        transition: background 0.3s ease;
    }
    html.toggleadding .main-navigation .menu-wrapper {
        -webkit-animation: menu-wrapper-animation-flex 0.6s ease-out;
        animation: menu-wrapper-animation-flex 0.6s ease-out;
    }
    .toggleremoving .main-navigation .menu-wrapper {
        -webkit-animation: menu-wrapper-animation-flex-remove 0.6s cubic-bezier(0.4, 0, 1, 1);
        animation: menu-wrapper-animation-flex-remove 0.6s cubic-bezier(0.4, 0, 1, 1);
    }
    @-webkit-keyframes menu-wrapper-animation-flex {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-70%);
        }
        20% {
            opacity: 0;
            -webkit-transform: translateX(-70%);
        }
        60% {
            opacity: 0;
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(-100%);
        }
    }
    @keyframes menu-wrapper-animation-flex {
        0% {
            opacity: 0;
            transform: translateX(-70%);
        }
        20% {
            opacity: 0;
            transform: translateX(-70%);
        }
        60% {
            opacity: 0;
        }
        100% {
            opacity: 1;
            transform: translateX(-100%);
        }
    }
    @-webkit-keyframes menu-wrapper-animation-flex-remove {
        0% {
            opacity: 1;
            -webkit-transform: translateX(-100%);
        }
        40% {
            opacity: 1;
        }
        80% {
            opacity: 0;
            -webkit-transform: translateX(-70%);
        }
    }
    @keyframes menu-wrapper-animation-flex-remove {
        0% {
            opacity: 1;
            transform: translateX(-100%);
        }
        40% {
            opacity: 1;
        }
        80% {
            opacity: 0;
            transform: translateX(-70%);
        }
    }
    .main-navigation .menu-wrapper>div:first-of-type {
        -webkit-flex-grow: 2;
        flex-grow: 2;
        font-size: 3vmin;
    }
    .main-navigation.toggled .nav-menu {
        padding-right: 5vw;
    }
    .main-navigation>.sharebuttons-container,
    .home .main-navigation>.sharebuttons-container {
        width: 50%;
        max-width: 877px;
        max-width: 600px;
        background-color: rgba(255, 255, 255, 0.8);
        position: fixed;
        right: 0;
        left: auto;
        bottom: 0;
        margin: 0;
        padding: 10px 10px;
        padding: 1rem 1rem;
    }
    .home .main-navigation>.sharebuttons-container {
        background-color: rgba(255, 255, 255, 0.8);
    }
    .main-navigation>.sharebuttons-container li a {
        padding: 0;
    }
    .main-navigation>.sharebuttons-container li a::before {
        color: #333;
    }
    .sharebuttons-container li:hover,
    .sharebuttons-container li:hover a::before,
    .sharebuttons-container li:active,
    .sharebuttons-container li:active a::before,
    .sharebuttons-container li:focus,
    .sharebuttons-container li:focus a::before,
    .sharebuttons-container li a:hover::before,
    .sharebuttons-container li a:active::before,
    .sharebuttons-container li a:focus::before {
        color: #B33C2E;
        -o-transition: color 0.3s ease;
        -moz-transition: color 0.3s ease;
        -webkit-transition: color 0.3s ease;
        transition: color 0.3s ease;
    }
    .post-excerpt .excerpt-header,
    .post-excerpt.legal-content-entry .excerpt-header {
        padding-top: 6.4vw;
    }
    .post-excerpt .excerpt-content {
        padding-bottom: 6.4vw;
    }
    .post-excerpt .excerpt-header,
    .post-excerpt .excerpt-content {
        margin-left: 4%;
        margin-right: 4%;
        margin-left: 4vw;
        margin-right: 4vw;
        max-width: 1500px;
    }

    .post-excerpt.project-excerpt .excerpt-header {
        padding-top: 8vw;
        padding-bottom: 8vw;
    }
    .post-excerpt.legal-content-entry h2::before {
        right: 4%;
        right: 4vw;
    }
}

@media screen and (min-width: 1001px) {
    .toggled.searchtrue .main-navigation>.search-form .search-field {
        max-width: 795px;
        width: 795px;
    }
    .searchtrue .main-navigation.toggled .menu-toggle {
        left: calc( 800px + 4vw + 4.8rem);
    }
    @supports(left: max(0px)) {
        .ios.searchtrue .main-navigation.toggled .menu-toggle {
            left: max(calc( 800px + 4vw + 4.8rem), calc( constant(safe-area-inset-left) + 800px + 4.8rem));
            left: max(calc( 800px + 4vw + 4.8rem), calc( env(safe-area-inset-left) + 800px + 4.8rem));
        }
    }
}

@media screen and (min-width: 1400px) {
    .portfolio-style-excerpt,
    .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper {
        width: 50%;
        min-height: 46vw;
    }
    /* html:not(.textonly) .project-excerpt {
        width: 50%;
    } */
    .ajax-style-button-wrapper {
        height: 20rem;
    }
    #main-portfolio-button-wrapper {
        margin-bottom: 0;
    }
    html:not(.ios):not(.android):not(.textonly) .frontpage-inner-wrapper .portfolio-style-excerpt {
        width: 46vw;
        min-height: 46vw;
        border: 0;
    }
    .frontpage-inner-wrapper .portfolio-style-excerpt .excerpt-header {
        text-align: left;
    }
    .post-excerpt .excerpt-title {
        font-size: calc(2rem + 28px);
    }
    .portfolio-style-excerpt .excerpt-title {
        font-size: calc(2rem + 1vw);
    }
    .frontpage-inner-wrapper .post-excerpt .excerpt-title {
        font-size: calc(2rem + 42px);
    }
    .frontpage-inner-wrapper .portfolio-style-excerpt .excerpt-title,
    html:not(.textonly) .frontpage-inner-wrapper .project-excerpt .excerpt-title {
        font-size: calc(2rem + 1.5vw);
    }

}
@media screen and (min-width: 1600px) {
    html {
        font-size: 90%;
    }
    html.fontsize1 {
        font-size: 80%;
    }
    html.fontsize3 {
        font-size: 100%;
    }
    .entry-header .crumbs,
    .page-header .crumbs,
    .entry-header .entry-meta,
    .page-header .entry-meta,
    .post-excerpt .excerpt-category,
    .portfolio-style-excerpt .excerpt-category {
        font-size: 90%;
    }

    .portfolio-style-wrapper .excerpt-header,
    .portfolio-style-wrapper .excerpt-content {
        padding-left: 2vw;
        padding-right: 2vw;
    }
}
@media screen and (min-width: 1631px) {
    .site-content .entry-footer,
    .site-content .sharebuttons-container,
    .site-content .post-navigation,
    .site-content .comments-title,
    .site-content .ajax-comments-more-wrapper,
    .site-content .comment-respond:not(.inline),
    #disqus_thread,
    .site-content .comments-area,
    .site-content .widediv {
        padding-left: 4%;
        padding-left: 4vw;
        padding-right: calc(96vw - 1500px);
    }
    .site-content .timo-filters-wrapper {
        padding-left: 4%;
        padding-right: 4%;
        padding-left: 4vw;
        padding-right: 4vw;
    }
    article.playlists .entry-content>p:first-of-type img {
        max-width: 978px;
        max-height: 978px;
    }
}

@media screen and (min-width: 2000px) {
    .main-navigation .sidebar,
    .main-navigation>.sharebuttons-container,
    .home .main-navigation>.sharebuttons-container {
        max-width: 30vw;
    }
    html.settings-not-active .main-navigation .menu-wrapper>div:first-of-type {
        display: block;
        -webkit-transform: none;
        transform: none;
        overflow-y: auto;
    }
    html.settings-active .main-navigation .menu-wrapper>div:first-of-type {
        -webkit-transform: translateX(30vw);
        transform: translateX(30vw);
        overflow: hidden;
    }
    @-webkit-keyframes main-menu-activate-wide {
        0% {
            opacity: 0.1;
            left: 30vw;
            overflow: hidden;
        }
        100% {
            opacity: 1;
            left: 0;
            overflow-y: auto;
        }
    }
    @keyframes main-menu-activate-wide {
        0% {
            opacity: 0.1;
            left: 30vw;
            overflow: hidden;
        }
        100% {
            opacity: 1;
            left: 0;
            overflow-y: auto;
        }
    }
    @-webkit-keyframes main-menu-deactivate-wide {
        0% {
            opacity: 1;
            left: 0;
        }
        100% {
            opacity: 0.1;
            left: 30vw;
            overflow: hidden;
        }
    }
    @keyframes main-menu-deactivate-wide {
        0% {
            opacity: 1;
            left: 0;
        }
        100% {
            opacity: 0.1;
            left: 30vw;
            overflow: hidden;
        }
    }
    .post-excerpt .excerpt-header,
    .post-excerpt.legal-content-entry .excerpt-header {
        padding-top: 128px;
        padding-top: 8rem;
    }
    .post-excerpt.project-excerpt .excerpt-header {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
    .post-excerpt .excerpt-content {
        padding-bottom: 128px;
        padding-bottom: 8rem;
    }
}

@media screen and (min-width: 2100px) {
    .portfolio-style-excerpt,
    .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper,
    .ios .portfolio-style-excerpt,
    .android .portfolio-style-excerpt,
    .ios .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper,
    .android .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper {
        width: 33.3333%;
        min-height: 30.6666vw;
    }
    html:not(.ios):not(.android):not(.textonly) .frontpage-inner-wrapper .portfolio-style-excerpt {
        width: 46vw;
        min-height: 46vw;
        border: 0;
    }
    .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .portfolio-style-excerpt .excerpt-title,
    .ios .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .portfolio-style-excerpt .excerpt-title,
    .android .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .portfolio-style-excerpt .excerpt-title {
        font-size: calc(2rem + 0.66666vw);
    }
    .ios .frontpage-inner-wrapper .portfolio-style-excerpt .excerpt-title,
    .android .frontpage-inner-wrapper .portfolio-style-excerpt .excerpt-title {
        font-size: calc(2rem + 1vw);
    }
    body:not(.single-format-gallery) .site-content .entry-footer {
        position: absolute;
        top: 5rem;
        width: calc(87vw - 1500px);
        padding: 0;
        margin-left: 5vw;
        margin-right: 4vw;
        left: 1500px;
        background: transparent;
        max-width: 1000px;
    }
    .entry-footer .post-navigation {
        padding: 10px 0;
        padding: 1rem 0;
        margin: 0;
        width: 100%;
        background: transparent;
    }
    .entry-footer .posts-navigation .nav-previous,
    .entry-footer .post-navigation .nav-previous,
    .entry-footer .posts-navigation .nav-next,
    .entry-footer .post-navigation .nav-next {
        float: none;
        text-align: left;
        width: 100%;
    }
    .entry-footer .posts-navigation .nav-previous,
    .entry-footer .post-navigation .nav-previous {
        padding-bottom: 10px;
        padding-bottom: 1rem;
    }
    .entry-footer .post-navigation h2 {
        font-size: 16px;
        font-size: 1.6rem;
        margin: 0;
        padding: 0;
    }
}

@media screen and (min-width: 2700px) {
    .entry-footer .posts-navigation .nav-previous,
    .entry-footer .post-navigation .nav-previous {
        float: left;
        width: 50%;
        padding-right: 2rem;
    }
    .entry-footer .posts-navigation .nav-next,
    .entry-footer .post-navigation .nav-next {
        float: right;
        text-align: right;
        width: 50%;
        padding-left: 2rem;
    }
}

@media screen and (min-width: 2800px) {
    .portfolio-style-excerpt,
    .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper,
    .ios .portfolio-style-excerpt,
    .android .portfolio-style-excerpt,
    .ios .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper,
    .android .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper {
        width: 25%;
        min-height: 23vw;
    }
    .frontpage-inner-wrapper .portfolio-style-excerpt,
    html:not(.ios):not(.android):not(.textonly) .frontpage-inner-wrapper .portfolio-style-excerpt {
        width: 30.66666vw;
        min-height: 30.66666vw;
        border: 0;
    }
    .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .portfolio-style-excerpt .excerpt-title,
    .ios .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .portfolio-style-excerpt .excerpt-title,
    .android .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .portfolio-style-excerpt .excerpt-title {
        font-size: calc(2rem + 0.5vw);
    }
    .frontpage-inner-wrapper .portfolio-style-excerpt .excerpt-title {
        font-size: calc(2rem + 1vw);
    }
}

@media screen and (min-width: 4200px) {
    .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .portfolio-style-excerpt,
    .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper,
    .ios .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .portfolio-style-excerpt,
    .android .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .portfolio-style-excerpt,
    .ios .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper,
    .android .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper {
        width: 18.4vw;
        min-height: 18.4vw;
    }
    .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .portfolio-style-excerpt .excerpt-title,
    .ios .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .portfolio-style-excerpt .excerpt-title,
    .android .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .portfolio-style-excerpt .excerpt-title {
        font-size: calc(2rem + 0.4vw);
    }
}

.home .site-main>div:last-child {
    padding-bottom: 0;
}

/*--------------------------------------------------------------
# Themes
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Dark Mode
--------------------------------------------------------------*/

html.darkmode * {
    color: #cccccc;
}

html.darkmode.highcontrast * {
    color: #FFF;
}

html.darkmode body,
html.darkmode button,
html.darkmode input,
html.darkmode select,
html.darkmode textarea,
html.darkmode.has-post-thumbnail #page {
    background: #333;
    -o-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

html.darkmode body {
     -o-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

html.darkmode a {
    color: #ca7b72;
}

html.darkmode.highcontrast a {
    color: #ff3a24;
}

html.darkmode .entry-header .entry-meta,
html.darkmode .page-header .entry-meta,
html.darkmode .entry-header .entry-meta a,
html.darkmode .page-header .entry-meta a {
    color: #ccc;
}

html.darkmode.highcontrast .entry-header .entry-meta,
html.darkmode.highcontrast .page-header .entry-meta,
html.darkmode.highcontrast .entry-header .entry-meta a,
html.darkmode.highcontrast .page-header .entry-meta a {
    color: #FFF;
}

html.darkmode.highcontrast .timosvg-wrapper {
    background: #FFF;
}
html.darkmode.highcontrast svg * {
    fill: #000;
}

html.darkmode mark {
    background: #757500;
    color: #c0c0c0;
}

html.darkmode input[type=checkbox],
html.darkmode input[type=radio] {
    border-color: #bbb;
}

html.darkmode input[type=checkbox]:checked {
    background: transparent;
}

html.darkmode input[type=radio]:checked {
    background: #fff;
    border-color: #676767;
}

html.darkmode input[type=checkbox]:checked:before {
    border-color: #fff;
}

html.darkmode td {
    border: 1px solid #4e4e4e;
}

html.darkmode th {
    background-color: rgba(92, 92, 92, 0.4);
    border: 1px solid #5e5e5e;
}

html.darkmode ::selection {
    background: #284142;
}

html.darkmode ::-moz-selection {
    background: #284142;
}

html.darkmode h1,
html.darkmode h2,
html.darkmode h3,
html.darkmode h4,
html.darkmode h5,
html.darkmode h6 {
    color: #FFF;
}

html.darkmode blockquote {
    background: #4d4d4d;
    background-color: rgba(88, 88, 88, 0.3);
}

html.darkmode pre {
    background: #222;
}

html.darkmode pre::-webkit-scrollbar-thumb,
html.darkmode table::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: rgba(255, 255, 255, .2);
    opacity: 0;
}

html.darkmode code,
html.darkmode kbd,
html.darkmode tt,
html.darkmode var {
    color: #FFF;
}

html.darkmode abbr:before,
html.darkmode acronym:before {
    color: #CCC;
}

html.darkmode abbr:after,
html.darkmode acronym:after {
    background: #666;
}
html.darkmode mark,
html.darkmode ins {
    background: #8a7b00;
    text-decoration: none;
}

html.darkmode body.error404,
html.darkmode body.search-no-results,
html.darkmode body.error404 .background-wrapper2,
html.darkmode body.search-no-results .background-wrapper2 {
    background: #005d5d;
}

html.darkmode body.error404 .background-wrapper2>figure,
html.darkmode body.search-no-results .background-wrapper2>figure {
    filter: brightness(0.5);
}

html.darkmode hr {
    background-color: #555;
}

html.darkmode button,
html.darkmode input[type="button"],
html.darkmode input[type="reset"],
html.darkmode input[type="submit"],
html.darkmode #wp-submit,
html.darkmode .login .wp-core-ui .button-primary,
html.darkmode .wp-core-ui.login .button-group.button-large .button,
html.darkmode .wp-core-ui.login .button.button-large {
    border-color: #999;
}

html.darkmode.touchingtrue input[type="reset"],
html.darkmode.touchingtrue input[type="submit"],
html.darkmode.touchingtrue #wp-submit,
html.darkmode button:hover,
html.darkmode input[type="button"]:hover,
html.darkmode input[type="reset"]:hover,
html.darkmode input[type="submit"]:hover,
html.darkmode #wp-submit:hover {
    border-color: #eab1ab;
}

html.darkmode button:hover,
html.darkmode input[type="button"]:hover,
html.darkmode input[type="reset"]:hover,
html.darkmode input[type="submit"]:hover,
html.darkmode #wp-submit:hover {
    background: #BF2413;
    border-color: transparent;
}
html.darkmode .site-content .entry-footer,
html.darkmode .site-content .sharebuttons-container,
html.darkmode .site-content .timo-filters-wrapper,
html.darkmode .site-content .post-navigation,
html.darkmode #disqus_thread,
html.darkmode .site-content .comments-area,
html.darkmode .ajax-comments-more-wrapper,
html.darkmode button:focus,
html.darkmode input[type="button"]:focus,
html.darkmode input[type="reset"]:focus,
html.darkmode input[type="submit"]:focus,
html.darkmode #wp-submit:focus,
html.darkmode button:active,
html.darkmode input[type="button"]:active,
html.darkmode input[type="reset"]:active,
html.darkmode input[type="submit"]:active,
html.darkmode #wp-submit:active {
    background: #2b2b2b;
}

@media screen and (min-width: 2100px) {
    html.darkmode body:not(.single-format-gallery) .site-content .entry-footer,
    html.darkmode .entry-footer .post-navigation {
        background: transparent;
    }
}

html.darkmode input[type="text"],
html.darkmode input[type="email"],
html.darkmode input[type="url"],
html.darkmode input[type="password"],
html.darkmode input[type="search"],
html.darkmode input[type="number"],
html.darkmode input[type="tel"],
html.darkmode input[type="range"],
html.darkmode input[type="date"],
html.darkmode input[type="month"],
html.darkmode input[type="week"],
html.darkmode input[type="time"],
html.darkmode input[type="datetime"],
html.darkmode input[type="datetime-local"],
html.darkmode input[type="color"],
html.darkmode textarea,
html.darkmode select {
    color: #aaa;
    border-color: #BBB;
    background: none;
}
html.darkmode input[type="text"]:focus,
html.darkmode input[type="email"]:focus,
html.darkmode input[type="url"]:focus,
html.darkmode input[type="password"]:focus,
html.darkmode input[type="search"]:focus,
html.darkmode input[type="number"]:focus,
html.darkmode input[type="tel"]:focus,
html.darkmode input[type="range"]:focus,
html.darkmode input[type="date"]:focus,
html.darkmode input[type="month"]:focus,
html.darkmode input[type="week"]:focus,
html.darkmode input[type="time"]:focus,
html.darkmode input[type="datetime"]:focus,
html.darkmode input[type="datetime-local"]:focus,
html.darkmode input[type="color"]:focus,
html.darkmode textarea:focus,
html.darkmode select:focus,
html.darkmode .select:hover select {
    color: #333;
    background: #BBB;
    border-color: #BBB;
}

html.darkmode .search-form .search-field,
html.darkmode .search-form .search-field:hover,
html.darkmode .search-form .search-field:active,
html.darkmode .search-form .search-field:focus  {
    border-color: transparent;
    background: #333;
    color: #FFF;
}

html.darkmode .comment-form input[type="submit"] {
    background: transparent;
    color: #CCC;
    
    
    
    
}

html.darkmode .comment-form input[type="submit"]:hover,
html.darkmode .comment-form input[type="submit"]:active,
html.darkmode .comment-form input[type="submit"]:focus {
    background: #BF2413;
    color: #FFF;
}

html.darkmode .search-submit {
    border-color: transparent;
}

html.darkmode .wpforms-container .wpforms-required-label,
html.darkmode .comment-form .required {
    color: rgb(126, 16, 3);
}

html.darkmode .comment-list article.comment-body .comment-awaiting-moderation {
    color: #ca7b72;
}

html.darkmode .timo-settings-switch.yes-no-switch .slider {
    background-color: #8a0000;
}

html.darkmode .timo-settings-switch input:checked+.slider,
html.darkmode .timo-settings-option-button.current,
html.darkmode .widget.widget_polylang .lang-item.current-lang a {
    background-color: #008594;
}

html.darkmode .timo-settings-entry-footer {
    color: #888;
}

html.darkmode.touchingtrue .site-content a:not(.ajax-style-link),
html.darkmode a:hover,
html.darkmode a:focus,
html.darkmode a:active {
    color: #e29e96;
}

html.darkmode.loading .site-header.transparent {
    background-color: #777;
}
html.darkmode.loaded .site-header.transparent {
    background-color: rgba(255, 255, 255, 0.5);
}
html.darkmode .menu-toggle {
    background-color: #000;
}

html.darkmode.loaded.toggled .site-header,
html.darkmode.loaded.toggled .site-header.transparent {
    background-color: #222;
}
html.darkmode.fadesiteout .site-header {
    mix-blend-mode: unset;
}

html.darkmode.loaded .site-header.transparent .menu-toggle::before,
html.darkmode.loaded .main-navigation.toggled .menu-toggle::before {
    color: #777;
}

html.darkmode .menu-settings {
    background: transparent;
}

html.darkmode .menu-settings::before {
    color: #AAA;
}

html.darkmode .menu-settings:hover::before,
html.darkmode .menu-settings:active::before,
html.darkmode .menu-settings:focus::before {
    color: #333;
}

html.darkmode .timo-settings-option-button {
    background: #666666;
}
html.darkmode .main-navigation>.search-form .search-field {
    background: transparent;
    border-color: transparent;
}

html.darkmode.toggled:not(.toggleadding):not(.toggleremoving):not(.searchtrue) .main-navigation>.search-form .search-field,
html.darkmode.toggled:not(.toggleadding):not(.toggleremoving):not(.searchtrue) .main-navigation>.search-form .search-field:focus {
    background-color: #222;
    color: #FFF;
    border-color: transparent;
}

html.darkmode .go-to-top-button,
html.darkmode .go-to-top-link,
html.darkmode .go-to-top-button:hover,
html.darkmode .go-to-top-link:hover,
html.darkmode .go-to-top-button:active,
html.darkmode .go-to-top-link:active,
html.darkmode .go-to-top-button:focus,
html.darkmode .go-to-top-link:focus {
    background: transparent;
    border: none;
}

html.darkmode .main-navigation.toggled .menu-toggle {
    border-color: transparent;
    background-color: #222;
    box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.3);
}
html.darkmode .menu-toggle:hover,
html.darkmode .menu-toggle:focus,
html.darkmode .menu-toggle:active,
html.darkmode .main-navigation.toggled .menu-toggle:hover,
html.darkmode .main-navigation.toggled .menu-toggle:focus,
html.darkmode .main-navigation.toggled .menu-toggle:active,
html.darkmode.loaded .site-header.transparent .menu-toggle:hover,
html.darkmode.loaded .site-header.transparent .menu-toggle:focus,
html.darkmode.loaded .site-header.transparent .menu-toggle:active,
html.darkmode .menu-settings:hover,
html.darkmode .menu-settings:active,
html.darkmode .menu-settings:focus {
    background: #BF2413;
    border-color: transparent;
}

html.darkmode .main-navigation a,
html.darkmode .footer-navigation a,
html.darkmode .site-content .widget-area a {
    color: #BBB;
}

html.darkmode .main-navigation a:hover,
html.darkmode .footer-navigation a:hover,
html.darkmode .main-navigation a:focus,
html.darkmode .footer-navigation a:focus,
html.darkmode .main-navigation a:active,
html.darkmode .footer-navigation a:active,
html.darkmode .site-content .widget-area a:hover,
html.darkmode .site-content .widget-area a:focus,
html.darkmode .site-content .widget-area a:active {
    color: #ca7b72;
}
html.darkmode .main-navigation li.current_page_parent>a,
html.darkmode .footer-navigation .current_page_item>a,
html.darkmode .footer-navigation .current_page_ancestor>a,
html.darkmode .footer-navigation .current-menu-item>a,
html.darkmode .footer-navigation .current-menu-ancestor>a,
html.darkmode .footer-navigation .current_page_parent>a {
    color: #e29e96;
}

html.darkmode .ajax-style-button-wrapper,
html.darkmode .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper,
html.darkmode .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper.loading {
    background-color: rgba(0, 91, 101, 0.6);
}

html.darkmode .ajax-style-button-wrapper.ajax-comments-more-wrapper {
    background: transparent;
}

html.darkmode .ajax-style-link {
    color: #CCC;
    border-color: #CCC;
}

html.darkmode .ajax-style-link:hover,
html.darkmode .ajax-style-link:focus,
html.darkmode .ajax-style-link:active {
    border-color: transparent;
    color: #CCC;
}

html.darkmode .main-navigation .sidebar {
    background: #191919;
}

html.darkmode .site-footer {
    color: #EEE;
}

html.darkmode .sharebuttons-container li a::before {
    color: #DDD;
}
html.darkmode .touchingtrue .sharebuttons-container li a,
html.darkmode .sharebuttons-container li:hover,
html.darkmode .sharebuttons-container li:hover a::before,
html.darkmode .sharebuttons-container li:active,
html.darkmode .sharebuttons-container li:active a::before,
html.darkmode .sharebuttons-container li:focus,
html.darkmode .sharebuttons-container li:focus a::before,
html.darkmode .sharebuttons-container li a:hover,
html.darkmode .sharebuttons-container li a:active,
html.darkmode .sharebuttons-container li a:focus,
html.darkmode .sharebuttons-container li a:hover::before,
html.darkmode .sharebuttons-container li a:active::before,
html.darkmode .sharebuttons-container li a:focus::before {
    color: #ca7b72;
}

html.darkmode .sharebuttons-container .sharebuttons-menu .sharebuttons-more-button::before {
    color: #DDD;
}

html.darkmode .home .site-content .entry-footer,
html.darkmode .home .site-content .sharebuttons-container,
html.darkmode .home .site-content .post-navigation,
html.darkmode .home .site-content .comments-title,
html.darkmode .home .site-content .ajax-comments-more-wrapper,
html.darkmode .home .site-content .comment-respond:not(.inline),
html.darkmode .home #disqus_thread,
html.darkmode .home .site-content .comments-area,
html.darkmode .home .site-footer {
    background: #666;
}

html.darkmode .home .main-content-wrapper h1,
html.darkmode .home.page-template-page-temp #content h1,
html.darkmode .home .main-content-wrapper .entry-content p {
    color: #ffffff;
}

html.darkmode .timo-privacy-popup-wrapper {
    background: #333;
    background-color: rgba(51, 51, 51, 0.9);
    border-top-color: #252525;
}

@supports(-webkit-backdrop-filter: blur(3px)) {
    html.darkmode .timo-privacy-popup-wrapper {
        border-top: 0;
        background-color: rgba(51, 51, 51, 0.5);
        -webkit-backdrop-filter: saturate(180%) blur(20px);
    }
}

html.darkmode #timo-privacy-popup-agree-button,
html.darkmode #timo-privacy-popup-dismiss-button {
    color: #CCC;
}

html.darkmode #timo-privacy-popup-dismiss-button {
    color: #ca7b72;
}

html.darkmode #timo-privacy-popup-agree-button:hover,
html.darkmode #timo-privacy-popup-agree-button:focus,
html.darkmode #timo-privacy-popup-agree-button:active,
html.darkmode #timo-privacy-popup-dismiss-button:hover,
html.darkmode #timo-privacy-popup-dismiss-button:focus,
html.darkmode #timo-privacy-popup-dismiss-button:active {
    background: transparent;
    border-color: #ca7b72;
    color: #ca7b72;
}

html.darkmode .navigation.pagination .nav-links,
html.darkmode .navigation.pagelinks .page-links {
    background-color: rgba(0, 0, 0, 0.8);
}
@supports(-webkit-backdrop-filter: blur(3px)) {
    html.darkmode .navigation.pagination .nav-links,
    html.darkmode .navigation.pagelinks .page-links {
        background-color: rgba(0, 0, 0, 0.4);
    }
}

html.darkmode .navigation.pagination .nav-links:hover,
html.darkmode .navigation.pagelinks .page-links:hover {
    background: #333;
}

html.darkmode .navigation.pagination .page-numbers.current,
html.darkmode .navigation.pagelinks .page-links>.page-numbers {
    background-color: #555;
    color: #FFF;
}

html.darkmode .navigation.pagination a,
html.darkmode.touchingtrue .navigation.pagination a,
html.darkmode .navigation.pagelinks .page-links a,
html.darkmode.touchingtrue .navigation.pagelinks .page-links a {
    color: #2b2b2b;
}
html.darkmode .main-background-wrapper2.novideo {
    background: #007777;
}
html.darkmode .home .background-wrapper>figure {
    background-color: rgba(0, 0, 0, 0.5);
}
html.darkmode .frontpage-portfolio-wrapper {
    background-color: #444;
}
html.darkmode .frontpage-projects-wrapper {
    background-color: #333;
}

html.darkmode .frontpage-post-wrapper {
    background-color: #555;
}

html.darkmode .portfolio-style-excerpt .post-thumbnail {
    filter: brightness(0.6);
}

html.darkmode article.post-excerpt.sticky.no-post-thumbnail {
    background: #187d83;
}

html.darkmode article.post-excerpt.no-post-thumbnail:nth-of-type(7n+1) {
    background: #006c75;
}

html.darkmode article.post-excerpt.no-post-thumbnail:nth-of-type(7n+2) {
    background: #004249;
}

html.darkmode article.post-excerpt.no-post-thumbnail:nth-of-type(7n+3) {
    background: #640c0c;
}

html.darkmode article.post-excerpt.no-post-thumbnail:nth-of-type(7n+4) {
    background: #3f0000;
}

html.darkmode article.post-excerpt.no-post-thumbnail:nth-of-type(7n+5) {
    background: #494949;
}

html.darkmode article.post-excerpt.no-post-thumbnail:nth-of-type(7n+6) {
    background: #353535;
}

html.darkmode article.portfolio-style-excerpt.sticky.no-post-thumbnail {
    background: #005e63;
}

html.darkmode article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+1) {
    background: #0a3336;
}

html.darkmode article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+2) {
    background: #19464b;
}

html.darkmode article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+3) {
    background: #500707;
}

html.darkmode article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+4) {
    background: #5f1f1f;
}

html.darkmode article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+5) {
    background: #3d3d3d;
}

html.darkmode article.portfolio-style-excerpt.no-post-thumbnail:nth-of-type(7n+6) {
    background: #444444;
}

html.darkmode .post-excerpt.legal-content-entry:nth-of-type(odd) .excerpt-highlight {
    background: #404040;
}

html.darkmode .post-excerpt.legal-content-entry:nth-of-type(even) .excerpt-highlight {
    background: #464646;
}
html.darkmode .post-excerpt.legal-content-entry h2::before {
    color: #DDD;
}

html.darkmode .post-excerpt .excerpt-link:hover .excerpt-highlight,
html.darkmode .post-excerpt .excerpt-link:active .excerpt-highlight,
html.darkmode .post-excerpt .excerpt-link:focus .excerpt-highlight {
    background-color: rgba(0, 96, 107, 0.4);
}
html.darkmode .playlist-excerpt .excerpt-link:hover .excerpt-highlight,
html.darkmode .playlist-excerpt .excerpt-link:active .excerpt-highlight,
html.darkmode .playlist-excerpt .excerpt-link:focus .excerpt-highlight {
    background-color: rgba(0, 96, 107, 0.4);
}
html.darkmode article.playlists #playlist-tidal-link::before,
html.darkmode article.playlists #playlist-tidal-link:hover::before,
html.darkmode article.playlists #playlist-tidal-link:focus::before,
html.darkmode article.playlists #playlist-tidal-link:active::before {
    background-image: url('inc/tidal_w.svg');
}
html.darkmode:not(.highcontrast) article.playlists #playlist-tidal-link::before,
html.darkmode:not(.highcontrast) article.playlists #playlist-tidal-link:hover::before,
html.darkmode:not(.highcontrast) article.playlists #playlist-tidal-link:focus::before,
html.darkmode:not(.highcontrast) article.playlists #playlist-tidal-link:active::before {
    opacity: 0.8;
}
html.darkmode .entry-header .entry-title a,
html.darkmode .page-header .page-title a,
html.darkmode .excerpt-header .excerpt-title a {
    color: #DDD;
}

html.darkmode .entry-header .crumbs a:hover,
html.darkmode .entry-header .crumbs a:active,
html.darkmode .entry-header .crumbs a:focus,
html.darkmode .page-header .crumbs a:hover,
html.darkmode .page-header .crumbs a:active,
html.darkmode .page-header .crumbs a:focus,
html.darkmode .post-excerpt .excerpt-category a:hover,
html.darkmode .post-excerpt .excerpt-category a:active,
html.darkmode .post-excerpt .excerpt-category a:focus,
html.darkmode .portfolio-style-excerpt .excerpt-category a:hover,
html.darkmode .portfolio-style-excerpt .excerpt-category a:active,
html.darkmode .portfolio-style-excerpt .excerpt-category a:focus {
    color: #BBB;
}

html.darkmode #timo-filters input[type="text"],
html.darkmode #timo-filters input[type="email"],
html.darkmode #timo-filters input[type="url"],
html.darkmode #timo-filters input[type="password"],
html.darkmode #timo-filters input[type="search"],
html.darkmode #timo-filters input[type="number"],
html.darkmode #timo-filters input[type="tel"],
html.darkmode #timo-filters input[type="range"],
html.darkmode #timo-filters input[type="date"],
html.darkmode #timo-filters input[type="month"],
html.darkmode #timo-filters input[type="week"],
html.darkmode #timo-filters input[type="time"],
html.darkmode #timo-filters input[type="datetime"],
html.darkmode #timo-filters input[type="datetime-local"],
html.darkmode #timo-filters input[type="color"],
html.darkmode #timo-filters textarea,
html.darkmode #timo-filters select {
    border-bottom-color: #CCC;
    color: #FFF;
}

html.darkmode #timo-filters input[type="text"]:focus,
html.darkmode #timo-filters input[type="email"]:focus,
html.darkmode #timo-filters input[type="url"]:focus,
html.darkmode #timo-filters input[type="password"]:focus,
html.darkmode #timo-filters input[type="search"]:focus,
html.darkmode #timo-filters input[type="number"]:focus,
html.darkmode #timo-filters input[type="tel"]:focus,
html.darkmode #timo-filters input[type="range"]:focus,
html.darkmode #timo-filters input[type="date"]:focus,
html.darkmode #timo-filters input[type="month"]:focus,
html.darkmode #timo-filters input[type="week"]:focus,
html.darkmode #timo-filters input[type="time"]:focus,
html.darkmode #timo-filters input[type="datetime"]:focus,
html.darkmode #timo-filters input[type="datetime-local"]:focus,
html.darkmode #timo-filters input[type="color"]:focus,
html.darkmode #timo-filters textarea:focus,
html.darkmode #timo-filters select:focus {
    border-bottom-color: #e29e96;
}

html.darkmode #timo-filters button {
    color: #FFF;
}

html.darkmode.isfiltered .timo-filters-wrapper:not(.in-view) #timo-filters .remove-filters-button-fixed {
    background-color: rgba(93, 93, 93, 0.6);
    color: #DDD;
}

html.darkmode.isfiltered .timo-filters-wrapper:not(.in-view) #timo-filters .remove-filters-button-fixed:hover,
html.darkmode.isfiltered .timo-filters-wrapper:not(.in-view) #timo-filters .remove-filters-button-fixed:focus,
html.darkmode.isfiltered .timo-filters-wrapper:not(.in-view) #timo-filters .remove-filters-button-fixed:active {
    border-color: #BF2413;
    color: #BF2413;
}

html.darkmode .comments-area .comment.bypostauthor>article.comment-body {
    background: #463d3d;
}

html.darkmode .comments-area>.comment-list>.comment:not(:last-child):not(.bypostauthor) {
    border-bottom-color: #444;
}

html.darkmode .comment-list article.comment-body .reply .comment-reply-link {
    color: #AAA;
}

html.darkmode .comment-respond:not(.inline) {
    background: #222;
}
html.darkmode .comment-form .error {
    background: #291e1e;
    border-color: #560000;
}
html.darkmode .comment-form-error-label {
    color: #c13434;
}
html.darkmode .format-chat .entry-content .chat-row.chat-speaker-1 p,
html.darkmode .format-chat .entry-content .chat-row.chat-speaker-5 p,
html.darkmode .format-chat .entry-content .chat-row.chat-speaker-9 p,
html.darkmode .format-chat .entry-content .chat-row.chat-speaker-13 p,
html.darkmode .format-chat .entry-content .chat-row.chat-speaker-17 p {
    background: #4a4a4a;
}

html.darkmode .format-chat .entry-content .chat-row.chat-speaker-2 p,
html.darkmode .format-chat .entry-content .chat-row.chat-speaker-6 p,
html.darkmode .format-chat .entry-content .chat-row.chat-speaker-10 p,
html.darkmode .format-chat .entry-content .chat-row.chat-speaker-14 p,
html.darkmode .format-chat .entry-content .chat-row.chat-speaker-18 p {
    background: #005354;
}

html.darkmode .format-chat .entry-content .chat-row.chat-speaker-3 p,
html.darkmode .format-chat .entry-content .chat-row.chat-speaker-7 p,
html.darkmode .format-chat .entry-content .chat-row.chat-speaker-11 p,
html.darkmode .format-chat .entry-content .chat-row.chat-speaker-15 p,
html.darkmode .format-chat .entry-content .chat-row.chat-speaker-19 p {
    background: #3c391d;
}

html.darkmode .format-chat .entry-content .chat-row.chat-speaker-4 p,
html.darkmode .format-chat .entry-content .chat-row.chat-speaker-8 p,
html.darkmode .format-chat .entry-content .chat-row.chat-speaker-12 p,
html.darkmode .format-chat .entry-content .chat-row.chat-speaker-16 p,
html.darkmode .format-chat .entry-content .chat-row.chat-speaker-20 p {
    background: #4c0000;
}

html.darkmode .mejs-container,
html.darkmode .mejs-container .mejs-controls,
html.darkmode .mejs-embed,
html.darkmode .mejs-embed body {
    background: #000 !important;
}
html.darkmode .wp-playlist-current-item {
    background: #000 !important;
}
html.darkmode .mejs-controls .mejs-time-rail .mejs-time-current {
    background: #0b717d !important;
}

html.darkmode .wp-playlist-playing {
    background: rgba(0, 0, 0, 0.4) !important;
}
html.darkmode .wp-playlist-caption {
    color: #fff !important;
}
html.darkmode .wp-playlist-item {
    border-bottom: 1px solid #777 !important;
}
html.darkmode .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
html.darkmode .mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #8c8c8c !important;
}
.mejs-button>button:before {
    color: #d0d0d0;
}
/*--------------------------------------------------------------
## High Contrast
--------------------------------------------------------------*/
html.highcontrast * {
    box-shadow: unset !important;
    text-shadow: unset !important;
}
html.highcontrast body,
html.highcontrast .comment-meta a,
html.highcontrast .comment-list article.comment-body *,
html.highcontrast .comment-list article.comment-body .reply .comment-reply-link {
    color: #000;
}

html.darkmode.highcontrast body,
html.darkmode.highcontrast .comment-meta a,
html.darkmode.highcontrast .comment-list article.comment-body *,
html.darkmode.highcontrast .comment-list article.comment-body .reply .comment-reply-link {
    color: #FFF;
}

html.highcontrast .comment-list article.comment-body .comment-awaiting-moderation {
color: #961D0F;
}
html.darkmode.highcontrast .comment-list article.comment-body .comment-awaiting-moderation {
    color: #ff3a24;
}
html.highcontrast body.single {
    font-family: 'Roboto', Arial, Helvetica, 'SimHei', sans-serif;
}

html.darkmode.highcontrast body.error404,
html.darkmode.highcontrast body.search-no-results,
html.darkmode.highcontrast body.error404 .background-wrapper2,
html.darkmode.highcontrast body.search-no-results .background-wrapper2 {
    background: #002525;
}

html.highcontrast .page-content a,
html.highcontrast .entry-content a,
html.highcontrast .comment-list article.comment-body a,
html.highcontrast .footer-navigation li a,
html.highcontrast .site-content .widget-area a {
    text-decoration: underline;
}

html.highcontrast .footer-navigation li a,
html.highcontrast .main-navigation a,
html.highcontrast .footer-navigation a,
html.highcontrast .sharebuttons-container li a::before  {
    color: #000;
}

html.highcontrast .comment-list article.comment-body a {
    color: #ff3a24;
}

html.highcontrast .page-content a,
html.highcontrast .entry-content a,
html.highcontrast a:hover,
html.highcontrast a:focus,
html.highcontrast a:active,
html.highcontrast .comment-list article.comment-body a:hover,
html.highcontrast .comment-list article.comment-body a:focus,
html.highcontrast .comment-list article.comment-body a:active,
html.highcontrast .footer-navigation li a:hover,
html.highcontrast .footer-navigation li a:focus,
html.highcontrast .footer-navigation li a:active,
html.highcontrast.touchingtrue .sharebuttons-container li a,
html.highcontrast .sharebuttons-container li:hover,
html.highcontrast .sharebuttons-container li:hover a::before,
html.highcontrast .sharebuttons-container li:active,
html.highcontrast .sharebuttons-container li:active a::before,
html.highcontrast .sharebuttons-container li:focus,
html.highcontrast .sharebuttons-container li:focus a::before,
html.highcontrast .sharebuttons-container li a:hover,
html.highcontrast .sharebuttons-container li a:active,
html.highcontrast .sharebuttons-container li a:focus,
html.highcontrast .sharebuttons-container li a:hover::before,
html.highcontrast .sharebuttons-container li a:active::before,
html.highcontrast .sharebuttons-container li a:focus::before,
html.highcontrast .site-content .widget-area a:hover,
html.highcontrast .site-content .widget-area a:active,
html.highcontrast .site-content .widget-area a:focus {
    color: #d81600;
}

html.darkmode.highcontrast .footer-navigation li a,
html.darkmode.highcontrast .main-navigation a,
html.darkmode.highcontrast .footer-navigation a,
html.darkmode.highcontrast .sharebuttons-container li a::before {
    color: #FFF;
}

html.darkmode.highcontrast .comment-list article.comment-body a {
    color: #d81600;
}

html.darkmode.highcontrast .page-content a,
html.darkmode.highcontrast .entry-content a,
html.darkmode.highcontrast a:hover,
html.darkmode.highcontrast a:focus,
html.darkmode.highcontrast a:active,
html.darkmode.highcontrast .comment-list article.comment-body a:hover,
html.darkmode.highcontrast .comment-list article.comment-body a:focus,
html.darkmode.highcontrast .comment-list article.comment-body a:active,
html.darkmode.highcontrast .footer-navigation li a:hover,
html.darkmode.highcontrast .footer-navigation li a:focus,
html.darkmode.highcontrast .footer-navigation li a:active,
html.darkmode.highcontrast.touchingtrue .sharebuttons-container li a,
html.darkmode.highcontrast .sharebuttons-container li:hover,
html.darkmode.highcontrast .sharebuttons-container li:hover a::before,
html.darkmode.highcontrast .sharebuttons-container li:active,
html.darkmode.highcontrast .sharebuttons-container li:active a::before,
html.darkmode.highcontrast .sharebuttons-container li:focus,
html.darkmode.highcontrast .sharebuttons-container li:focus a::before,
html.darkmode.highcontrast .sharebuttons-container li a:hover,
html.darkmode.highcontrast .sharebuttons-container li a:active,
html.darkmode.highcontrast .sharebuttons-container li a:focus,
html.darkmode.highcontrast .sharebuttons-container li a:hover::before,
html.darkmode.highcontrast .sharebuttons-container li a:active::before,
html.darkmode.highcontrast .sharebuttons-container li a:focus::before,
html.darkmode.highcontrast .site-content .widget-area a:hover,
html.darkmode.highcontrast .site-content .widget-area a:active,
html.darkmode.highcontrast .site-content .widget-area a:focus {
    color: #ff3a24;
}

html.darkmode.highcontrast .comment-form input[type="submit"] {
    background: transparent;
    color: #FFF;
    border-color: #FFF;
    
    
    
    
}

html.darkmode.highcontrast .comment-form input[type="submit"]:hover,
html.darkmode.highcontrast .comment-form input[type="submit"]:active,
html.darkmode.highcontrast .comment-form input[type="submit"]:focus {
    background: #BF2413;
    color: #FFF;
    border-color: transparent;
}

html.darkmode.highcontrast .sharebuttons-container .sharebuttons-menu .sharebuttons-more-button::before {
    color: #FFF;
}

html.highcontrast .main-navigation li.current_page_parent>a,
html.highcontrast .footer-navigation .current_page_item>a,
html.highcontrast .footer-navigation .current_page_ancestor>a,
html.highcontrast .footer-navigation .current-menu-item>a,
html.highcontrast .footer-navigation .current-menu-ancestor>a,
html.highcontrast .footer-navigation .current_page_parent>a {
    color: #af1100;
}
html.darkmode.highcontrast .main-navigation li.current_page_parent>a,
html.darkmode.highcontrast .footer-navigation .current_page_item>a,
html.darkmode.highcontrast .footer-navigation .current_page_ancestor>a,
html.darkmode.highcontrast .footer-navigation .current-menu-item>a,
html.darkmode.highcontrast .footer-navigation .current-menu-ancestor>a,
html.darkmode.highcontrast .footer-navigation .current_page_parent>a {
    color: #ff6c59;
}
html.darkmode.highcontrast .ajax-style-link,
html.darkmode.highcontrast .entry-content .ajax-style-link {
    color: #FFF;
    border-color: #FFF;
    text-decoration: none;
}
html.highcontrast .ajax-style-link:hover,
html.highcontrast .ajax-style-link:focus,
html.highcontrast .ajax-style-link:active,
html.highcontrast .entry-content .ajax-style-link:hover,
html.highcontrast .entry-content .ajax-style-link:focus,
html.highcontrast .entry-content .ajax-style-link:active,
html.darkmode.highcontrast .ajax-style-link:hover,
html.darkmode.highcontrast .ajax-style-link:focus,
html.darkmode.highcontrast .ajax-style-link:active,
html.darkmode.highcontrast .entry-content .ajax-style-link:hover,
html.darkmode.highcontrast .entry-content .ajax-style-link:focus,
html.darkmode.highcontrast .entry-content .ajax-style-link:active {
    border-color: transparent;
    color: #FFF;
}

@supports(-webkit-backdrop-filter: blur(3px)) {
    html.highcontrast.loaded .site-header.transparent {
        -webkit-backdrop-filter: none;
    }
}

html.highcontrast.loaded .site-header,
html.highcontrast.loaded .site-header.transparent,
html.highcontrast.loaded:not(.toggled) .site-header:hover,
html.highcontrast.loaded:not(.toggled) .site-header:active,
html.highcontrast.loaded:not(.toggled) .site-header:focus {
    mix-blend-mode: unset;
}

@supports(-webkit-backdrop-filter: blur(3px)) {
    html.highcontrast .menu-toggle {
        -webkit-backdrop-filter: none;
    }
}

@supports(-webkit-backdrop-filter: blur(3px)) {
    html.highcontrast .navigation.pagination .nav-links,
    html.highcontrast .navigation.pagelinks .page-links {
        -webkit-backdrop-filter: none;
    }
}

html.highcontrast .navigation.pagination .nav-links,
html.highcontrast .navigation.pagelinks .page-links {
    background: #FFF;
    border: 2px solid #888;
}
@supports(-webkit-backdrop-filter: blur(3px)) {
    html.highcontrast .navigation.pagination .nav-links,
    html.highcontrast .navigation.pagelinks .page-links {
        background: #FFF;
        border: 2px solid #888;
    }
}

html.highcontrast .navigation.pagination .nav-links:hover,
html.highcontrast .navigation.pagelinks .page-links:hover {
    background: #EEE;
}

html.highcontrast .navigation.pagination a,
html.highcontrast.touchingtrue .navigation.pagination a,
html.highcontrast .navigation.pagelinks .page-links a,
html.highcontrast.touchingtrue .navigation.pagelinks .page-links a {
    color: #000;
}

html.darkmode.highcontrast .navigation.pagination .nav-links,
html.darkmode.highcontrast .navigation.pagelinks .page-links {
    background: #000;
    border: 2px solid #888;
}
@supports(-webkit-backdrop-filter: blur(3px)) {
    html.darkmode.highcontrast .navigation.pagination .nav-links,
    html.darkmode.highcontrast .navigation.pagelinks .page-links {
        background: #000;
        border: 2px solid #888;
    }
}

html.darkmode.highcontrast .navigation.pagination .nav-links:hover,
html.darkmode.highcontrast .navigation.pagelinks .page-links:hover {
    background: #111;
}

html.darkmode.highcontrast .navigation.pagination a,
html.darkmode.highcontrast.touchingtrue .navigation.pagination a,
html.darkmode.highcontrast .navigation.pagelinks .page-links a,
html.darkmode.highcontrast.touchingtrue .navigation.pagelinks .page-links a {
    color: #fff;
}

html.darkmode.highcontrast .site-logo svg * {
    fill: #FFF;
    -o-transition: fill 0.5s ease;
    -moz-transition: fill 0.5s ease;
    -webkit-transition: fill 0.5s ease;
    transition: fill 0.5s ease;
}

html.darkmode.highcontrast .home .main-content-wrapper h1,
html.darkmode.highcontrast .home.page-template-page-temp #content h1,
html.darkmode.highcontrast .home .main-content-wrapper .entry-content p {
    color: #FFF;
}

html.highcontrast .home .main-content-wrapper .entry-content {
    opacity: 1;
}

html.highcontrast .home .main-content-wrapper h1,
html.highcontrast .home.page-template-page-temp #content h1 {
    mix-blend-mode: unset;
    color: #000;
    display: inline;
    line-height: 1.3;
   margin-left: 0;
}

html.highcontrast .home .main-content-wrapper .entry-content p {
mix-blend-mode: unset;
color: #000;
}

html.highcontrast .home .main-content-wrapper article {
    mix-blend-mode: unset;
}

html.highcontrast .frontpage-portfolio-wrapper,
html.highcontrast .frontpage-post-wrapper,
html.highcontrast .frontpage-projects-wrapper {
    background: #efefef;
}

html.darkmode.highcontrast .frontpage-portfolio-wrapper,
html.darkmode.highcontrast .frontpage-post-wrapper,
html.darkmode.highcontrast .frontpage-projects-wrapper {
    background: #2d2d2d;
}

html.highcontrast .main-portfolio-title,
html.highcontrast .main-posts-title {
        color: #333;
}

html.darkmode.highcontrast .main-portfolio-title,
html.darkmode.highcontrast .main-posts-title {
        color: #CCC;
}

html.highcontrast .ajax-style-button-wrapper,
html.highcontrast .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper,
html.highcontrast #main-blog-button-wrapper {
    background: #efefef;
}

html.darkmode.highcontrast .ajax-style-button-wrapper,
html.darkmode.highcontrast .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper,
html.darkmode.highcontrast #main-blog-button-wrapper {
    background: #1f1f1f;
}

html.highcontrast .ajax-style-button-wrapper.ajax-comments-more-wrapper,
html.darkmode.highcontrast .ajax-style-button-wrapper.ajax-comments-more-wrapper {
    background: transparent;
}

html.darkmode.highcontrast .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper {
    background: #272727;
}

html.highcontrast .timo-privacy-popup-wrapper {
    background: #FFF;
    border-top: 1px solid #e4e4e4;
    -webkit-backdrop-filter: none;
}
@supports(-webkit-backdrop-filter: blur(3px)) {
    html.highcontrast .timo-privacy-popup-wrapper {
        background: #FFF;
        border-top: 1px solid #e4e4e4;
        -webkit-backdrop-filter: none;
    }
}

html.darkmode.highcontrast .timo-privacy-popup-wrapper {
    background: #000;
    border-top: 1px solid #171717;
    -webkit-backdrop-filter: none;
}
@supports(-webkit-backdrop-filter: blur(3px)) {
    html.darkmode.highcontrast .timo-privacy-popup-wrapper {
        background: #000;
        border-top: 1px solid #171717;
        -webkit-backdrop-filter: none;
    }
}

html.darkmode.highcontrast #timo-privacy-popup-agree-button,
html.darkmode.highcontrast #timo-privacy-popup-dismiss-button {
    color: #FFF;
    border-color: #FFF;
}

html.darkmode.highcontrast #timo-privacy-popup-dismiss-button {
    color: #FF3A28;
}

html.darkmode.highcontrast #timo-privacy-popup-agree-button:hover,
html.darkmode.highcontrast #timo-privacy-popup-agree-button:focus,
html.darkmode.highcontrast #timo-privacy-popup-agree-button:active,
html.darkmode.highcontrast #timo-privacy-popup-dismiss-button:hover,
html.darkmode.highcontrast #timo-privacy-popup-dismiss-button:focus,
html.darkmode.highcontrast #timo-privacy-popup-dismiss-button:active {
    background: transparent;
    border-color: #FF3A28;
    color: #FF3A28;
}

html.highcontrast .entry-header .entry-title a,
html.highcontrast .page-header .page-title a,
html.highcontrast .excerpt-header .excerpt-title a {
    color: #000;
}

html.darkmode.highcontrast .entry-header .entry-title a,
html.darkmode.highcontrast .page-header .page-title a,
html.darkmode.highcontrast .excerpt-header .excerpt-title a {
    color: #FFF;
}

html.highcontrast .portfolio-style-excerpt .excerpt-header,
html.highcontrast .portfolio-style-excerpt:hover .excerpt-header,
html.highcontrast .portfolio-style-excerpt:focus .excerpt-header,
html.highcontrast .portfolio-style-excerpt:active .excerpt-header {
    z-index: 1000;
}

html.highcontrast .portfolio-excerpt .excerpt-link {
    mix-blend-mode: unset;
}

html.highcontrast .post-excerpt .post-thumbnail {
    opacity: 0.1;
}
html.highcontrast .portfolio-style-excerpt:hover .post-thumbnail,
html.highcontrast .portfolio-style-excerpt:focus .post-thumbnail,
html.highcontrast .portfolio-style-excerpt:active .post-thumbnail {
    opacity: 1;
}

html.highcontrast .portfolio-style-excerpt .excerpt-title {
    margin-left: 0;
}
html.highcontrast .portfolio-style-excerpt .excerpt-header .excerpt-title a {
    color: #FFF;
    background: #333;
}

html.highcontrast article.post-excerpt.no-post-thumbnail,
html.highcontrast .post-excerpt.legal-content-entry:nth-of-type(odd),
html.highcontrast .post-excerpt.legal-content-entry:nth-of-type(even) {
    background: transparent;
}

html.highcontrast article.post-excerpt.no-post-thumbnail:nth-of-type(odd) .excerpt-highlight {
    background: #FFF;
}
html.highcontrast article.post-excerpt.no-post-thumbnail:nth-of-type(even) .excerpt-highlight {
    background: #EEE;
}
html.highcontrast .post-excerpt.legal-content-entry:nth-of-type(odd) .excerpt-highlight,
html.highcontrast .post-excerpt.legal-content-entry:nth-of-type(even) .excerpt-highlight {
    background: #FFF;
}

html.highcontrast article.post-excerpt .excerpt-link:hover .excerpt-highlight,
html.highcontrast article.post-excerpt .excerpt-link:active .excerpt-highlight,
html.highcontrast article.post-excerpt .excerpt-link:focus .excerpt-highlight,
html.highcontrast .post-excerpt.legal-content-entry .excerpt-link:hover .excerpt-highlight,
html.highcontrast .post-excerpt.legal-content-entry .excerpt-link:active .excerpt-highlight,
html.highcontrast .post-excerpt.legal-content-entry .excerpt-link:focus .excerpt-highlight {
    background: #f1f1f1;
}
html.highcontrast .post-excerpt.legal-content-entry h2::before {
    color: #000;
}
html.darkmode.highcontrast article.post-excerpt.no-post-thumbnail,
html.darkmode.highcontrast .post-excerpt.legal-content-entry:nth-of-type(odd),
html.darkmode.highcontrast .post-excerpt.legal-content-entry:nth-of-type(even) {
    background: transparent;
}

html.darkmode.highcontrast article.post-excerpt.no-post-thumbnail:nth-of-type(odd) .excerpt-highlight {
    background: #000;
}

html.darkmode.highcontrast article.post-excerpt.no-post-thumbnail:nth-of-type(even) .excerpt-highlight {
    background: #111;
}

html.darkmode.highcontrast .post-excerpt.legal-content-entry:nth-of-type(odd) .excerpt-highlight,
html.darkmode.highcontrast .post-excerpt.legal-content-entry:nth-of-type(even) .excerpt-highlight {
    background: #000;
}

html.darkmode.highcontrast article.post-excerpt .excerpt-link:hover .excerpt-highlight,
html.darkmode.highcontrast article.post-excerpt .excerpt-link:active .excerpt-highlight,
html.darkmode.highcontrast article.post-excerpt .excerpt-link:focus .excerpt-highlight,
html.darkmode.highcontrast .post-excerpt.legal-content-entry .excerpt-link:hover .excerpt-highlight,
html.darkmode.highcontrast .post-excerpt.legal-content-entry .excerpt-link:active .excerpt-highlight,
html.darkmode.highcontrast .post-excerpt.legal-content-entry .excerpt-link:focus .excerpt-highlight {
    background: #292929;
}

html.darkmode.highcontrast .post-excerpt.legal-content-entry h2::before {
    color: #FFF;
}

html.highcontrast .excerpt-category a {
    color: #000;
}

html.darkmode.highcontrast .excerpt-category a {
    color: #FFF;
}
html.highcontrast .entry-header .crumbs,
html.highcontrast .page-header .crumbs,
html.highcontrast .entry-header .crumbs a,
html.highcontrast .page-header .crumbs a,
html.highcontrast .post-excerpt .excerpt-category,
html.highcontrast .post-excerpt .excerpt-category a,
html.highcontrast .portfolio-style-excerpt .excerpt-category,
html.highcontrast .portfolio-style-excerpt .excerpt-category a {
    color: #000;
}

html.darkmode.highcontrast .entry-header .crumbs,
html.darkmode.highcontrast .page-header .crumbs,
html.darkmode.highcontrast .entry-header .crumbs a,
html.darkmode.highcontrast .page-header .crumbs a,
html.darkmode.highcontrast .post-excerpt .excerpt-category,
html.darkmode.highcontrast .post-excerpt .excerpt-category a,
html.darkmode.highcontrast .portfolio-style-excerpt .excerpt-category,
html.darkmode.highcontrast .portfolio-style-excerpt .excerpt-category a {
    color: #FFF;
}

html.highcontrast .go-to-top-button::before,
html.highcontrast .go-to-top-link:before {
    color: #000;
}

html.darkmode.highcontrast .go-to-top-button::before,
html.darkmode.highcontrast .go-to-top-link:before {
    color: #FFF;
}
html.highcontrast .go-to-top-button:focus:before,
html.highcontrast .go-to-top-button:hover:before,
html.highcontrast .go-to-top-button:active:before,
html.highcontrast .go-to-top-link:focus:before,
html.highcontrast .go-to-top-link:hover:before,
html.highcontrast .go-to-top-link:active:before {
    color: #BF2413;
}


html.highcontrast .menu-settings::before,
html.highcontrast.loaded .site-header.transparent .menu-toggle::before,
html.highcontrast.loaded .main-navigation.toggled .menu-toggle::before {
    color: #000;
}

html.darkmode.highcontrast .menu-settings::before,
html.darkmode.highcontrast.loaded .site-header.transparent .menu-toggle::before,
html.darkmode.highcontrast.loaded .main-navigation.toggled .menu-toggle::before {
    color: #FFF;
}

html.highcontrast .comment-respond:not(.inline),
html.highcontrast .site-content .entry-footer,
html.highcontrast .site-content .sharebuttons-container,
html.highcontrast .site-content .post-navigation,
html.highcontrast #disqus_thread,
html.highcontrast .site-content .comments-area {
    background: #ffffff;
}

html.darkmode.highcontrast .site-content .entry-footer,
html.darkmode.highcontrast .site-content .sharebuttons-container,
html.darkmode.highcontrast .site-content .post-navigation,
html.darkmode.highcontrast #disqus_thread,
html.darkmode.highcontrast .site-content .comments-area,
html.darkmode.highcontrast .site-content .timo-filters-wrapper {
    background: #1f1f1f;
}

@media screen and (min-width: 2100px) {
    html.highcontrast body:not(.single-format-gallery) .site-content .entry-footer,
    html.darkmode.highcontrast body:not(.single-format-gallery) .site-content .entry-footer,
    html.highcontrast .entry-footer .post-navigation,
    html.darkmode.highcontrast .entry-footer .post-navigation {
        background: transparent;
    }
}

html.darkmode.highcontrast .comment-respond:not(.inline) {
    background: #000;
}

html.darkmode.highcontrast .home .site-content .entry-footer,
html.darkmode.highcontrast .home .site-content .sharebuttons-container,
html.darkmode.highcontrast .home .site-content .post-navigation,
html.darkmode.highcontrast .home .site-content .comments-title,
html.darkmode.highcontrast .home .site-content .ajax-comments-more-wrapper,
html.darkmode.highcontrast .home .site-content .comment-respond:not(.inline),
html.darkmode.highcontrast .home #disqus_thread,
html.darkmode.highcontrast .home .site-content .comments-area,
html.darkmode.highcontrast .home .site-footer {
    background: #000;
}

html.highcontrast .pswp--svg .pswp__button--arrow--left,
html.highcontrast .pswp--svg .pswp__button--arrow--right {
    mix-blend-mode: unset;
    background: #333;
    opacity: 1;
}
html.highcontrast .gallery-caption {
    background: #333;
}
html.highcontrast .gallery-item:hover .gallery-caption,
html.highcontrast .msnry_item:hover .gallery-caption,
html.highcontrast .gallery-item:focus .gallery-caption,
html.highcontrast .msnry_item:focus .gallery-caption,
html.highcontrast .gallery-item:active .gallery-caption,
html.highcontrast .msnry_item:active .gallery-caption {
    background: #000;

}

html.highcontrast:not(.darkmode) .timo-settings-switch.on-off-switch .slider,
html.highcontrast:not(.darkmode) .timo-settings-option-button {
    background: #333;
}
html.highcontrast:not(.darkmode) .widget.widget_polylang .lang-item a {
background: #333;
}

html.highcontrast:not(.darkmode) .widget.widget_polylang .lang-item a:hover,
html.highcontrast:not(.darkmode) .widget.widget_polylang .lang-item a:active,
html.highcontrast:not(.darkmode) .widget.widget_polylang .lang-item a:focus,
html.highcontrast:not(.darkmode) .timo-settings-option-button:hover,
html.highcontrast:not(.darkmode) .timo-settings-option-button:active,
html.highcontrast:not(.darkmode) .timo-settings-option-button:focus {
background: #d81600;
}

html.darkmode .widget.widget_polylang .lang-item a:hover,
html.darkmode .widget.widget_polylang .lang-item a:active,
html.darkmode .widget.widget_polylang .lang-item a:focus,
html.darkmode.highcontrast .widget.widget_polylang .lang-item a:hover,
html.darkmode.highcontrast .widget.widget_polylang .lang-item a:active,
html.darkmode.highcontrast .widget.widget_polylang .lang-item a:focus {
    color: #FFF;
}

html.highcontrast .widget.widget_polylang .lang-item.current-lang a,
html.highcontrast .timo-settings-switch input:checked+.slider,
html.highcontrast .timo-settings-switch.on-off-switch input:checked+.slider,
html.highcontrast .timo-settings-option-button.current {
    background: #00b8ce;
}

@supports(-webkit-backdrop-filter: blur(3px)) {
    html.highcontrast.isfiltered .timo-filters-wrapper:not(.in-view) #timo-filters .remove-filters-button-fixed {
        -webkit-backdrop-filter: none;
    }
}
html.highcontrast.isfiltered .timo-filters-wrapper:not(.in-view) #timo-filters .remove-filters-button-fixed {
    background: #FFF;
    color: #000;
}

html.highcontrast.isfiltered .timo-filters-wrapper:not(.in-view) #timo-filters .remove-filters-button-fixed:hover,
html.highcontrast.isfiltered .timo-filters-wrapper:not(.in-view) #timo-filters .remove-filters-button-fixed:focus,
html.highcontrast.isfiltered .timo-filters-wrapper:not(.in-view) #timo-filters .remove-filters-button-fixed:active {
    border-color: #BF2413;
    color: #BF2413;
}

html.darkmode.highcontrast.isfiltered .timo-filters-wrapper:not(.in-view) #timo-filters .remove-filters-button-fixed {
    background: #333;
    color: #FFF;
}

html.darkmode.highcontrast.isfiltered .timo-filters-wrapper:not(.in-view) #timo-filters .remove-filters-button-fixed:hover,
html.darkmode.highcontrast.isfiltered .timo-filters-wrapper:not(.in-view) #timo-filters .remove-filters-button-fixed:focus,
html.darkmode.highcontrast.isfiltered .timo-filters-wrapper:not(.in-view) #timo-filters .remove-filters-button-fixed:active {
    border-color: #BF2413;
    color: #BF2413;
}

html.darkmode.highcontrast input[type="text"],
html.darkmode.highcontrast input[type="email"],
html.darkmode.highcontrast input[type="url"],
html.darkmode.highcontrast input[type="password"],
html.darkmode.highcontrast input[type="search"],
html.darkmode.highcontrast input[type="number"],
html.darkmode.highcontrast input[type="tel"],
html.darkmode.highcontrast input[type="range"],
html.darkmode.highcontrast input[type="date"],
html.darkmode.highcontrast input[type="month"],
html.darkmode.highcontrast input[type="week"],
html.darkmode.highcontrast input[type="time"],
html.darkmode.highcontrast input[type="datetime"],
html.darkmode.highcontrast input[type="datetime-local"],
html.darkmode.highcontrast input[type="color"],
html.darkmode.highcontrast textarea,
html.darkmode.highcontrast select {
color: #FFF;
border-color: #fff;
background: #000;
}
html.darkmode.highcontrast input[type="text"]:focus,
html.darkmode.highcontrast input[type="email"]:focus,
html.darkmode.highcontrast input[type="url"]:focus,
html.darkmode.highcontrast input[type="password"]:focus,
html.darkmode.highcontrast input[type="search"]:focus,
html.darkmode.highcontrast input[type="number"]:focus,
html.darkmode.highcontrast input[type="tel"]:focus,
html.darkmode.highcontrast input[type="range"]:focus,
html.darkmode.highcontrast input[type="date"]:focus,
html.darkmode.highcontrast input[type="month"]:focus,
html.darkmode.highcontrast input[type="week"]:focus,
html.darkmode.highcontrast input[type="time"]:focus,
html.darkmode.highcontrast input[type="datetime"]:focus,
html.darkmode.highcontrast input[type="datetime-local"]:focus,
html.darkmode.highcontrast input[type="color"]:focus,
html.darkmode.highcontrast textarea:focus,
html.darkmode.highcontrast select:focus,
html.darkmode.highcontrast .select:hover select {
color: #000;
border-color: #fff;
background: #fff;
}
html.darkmode.highcontrast input[type=checkbox],
html.darkmode.highcontrast input[type=radio] {
    border-color: #FFF;
    background: transparent;
}

html.darkmode.highcontrast input[type=checkbox]:checked {
    background: transparent;
}

html.darkmode.highcontrast input[type=radio]:checked {
    background: #fff;
    border-color: #676767;
}

html.darkmode.highcontrast input[type=checkbox]:checked:before {
    border-color: #fff;
}

html.darkmode.highcontrast .search-form .search-field,
html.darkmode.highcontrast .search-form .search-field:hover,
html.darkmode.highcontrast .search-form .search-field:active,
html.darkmode.highcontrast .search-form .search-field:focus  {
    border-color: transparent;
    background: #000;
    color: #FFF;
}

html.darkmode .search-submit {
    border-color: transparent;
    background: #000;
}

html.darkmode.highcontrast .main-navigation>.search-form .search-field {
    background-color: transparent;
    border-color: transparent;
}

html.darkmode.highcontrast.toggled:not(.toggleadding):not(.toggleremoving):not(.searchtrue) .main-navigation>.search-form .search-field {
  background-color: #222;
border-color: transparent;
}

.post-type-archive-portfolio .site-content .timo-filters-wrapper,
html.highcontrast .post-type-archive-portfolio .site-content .timo-filters-wrapper,
html.darkmode .post-type-archive-portfolio .site-content .timo-filters-wrapper,
html.darkmode.highcontrast .post-type-archive-portfolio .site-content .timo-filters-wrapper,
.post-type-archive-playlists .site-content .timo-filters-wrapper,
html.highcontrast .post-type-archive-playlists .site-content .timo-filters-wrapper,
html.darkmode .post-type-archive-playlists .site-content .timo-filters-wrapper,
html.darkmode.highcontrast .post-type-archive-playlists .site-content .timo-filters-wrapper {
    background: transparent;
    padding-top: 1rem;
    padding-bottom: 0;
}
/*--------------------------------------------------------------
## No Motion
--------------------------------------------------------------*/

html.nomotion * {
-o-transition: none !important;
-moz-transition: none !important;
-webkit-transition: none !important;
transition: none !important;
}

html.nomotion *:before,
html.nomotion *:after {
    -o-transition: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
}

html.js.nomotion img {
    visibility: visible;
    opacity: 1;
    -webkit-animation: none;
    animation: none;
}

html.js.nomotion img.in-view {
    visibility: visible;
    opacity: 1;
    -webkit-animation: none;
    animation: none;
}

html.nomotion.loading .site-header,
html.nomotion.fadesiteout .site-header {
    -webkit-animation: none;
    animation: none;
    background: #333333;
}

html.darkmode.nomotion.loading .site-header,
html.darkmode.nomotion.fadesiteout .site-header {
    background: #111;
}

html.nomotion.toggleadding .main-navigation .menu-wrapper {
    animation: none;
    -webkit-animation: none;
}

html.nomotion .main-navigation.toggled .menu-wrapper,
html.nomotion.toggleadding .main-navigation.toggled .menu-wrapper {
    display: block;
    opacity: 1;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

html.nomotion.toggleremoving .main-navigation .menu-wrapper {
    animation: none;
    -webkit-animation: none;
}

html.nomotion .portfolio-style-excerpt.in-view .post-thumbnail,
html.nomotion .portfolio-style-excerpt .post-thumbnail {
    transform: unset;
}

html.nomotion .portfolio-style-excerpt .excerpt-link:hover,
html.nomotion .portfolio-style-excerpt .excerpt-link:active,
html.nomotion .portfolio-style-excerpt .excerpt-link:focus {
    transform: unset;
}
html.nomotion .portfolio-style-excerpt .excerpt-link:hover .excerpt-highlight,
html.nomotion .portfolio-style-excerpt .excerpt-link:active .excerpt-highlight,
html.nomotion .portfolio-style-excerpt .excerpt-link:focus .excerpt-highlight {
    background-color: rgba(56, 233, 253, 0.4);
}

html.nomotion .timo-settings-switch .slider:after {
    -webkit-animation: none;
    animation: none;
    transform: translateX(0);
}

html.nomotion .timo-settings-switch input:checked+.slider:after {
    -webkit-animation: none;
    animation: none;
    transform: translateX(0);
}

/*--------------------------------------------------------------
# Text Only
--------------------------------------------------------------*/

html.textonly body.single article.post,
html.textonly body.page article.page,
html.textonly .main-content-wrapper,
html.textonly .frontpage-inner-wrapper .portfolio-style-excerpt,
html.textonly .frontpage-wrapper,
html.textonly article.post-excerpt,
html.textonly article.portfolio-style-excerpt {
    min-height: 0;
    height: auto;
}

html.textonly .ajax-style-button-wrapper,
html.textonly .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper {
    min-height: 10rem;
    height: auto;
    justify-content: flex-start;
}
html.textonly .portfolio-style-excerpt {
    justify-content: start;
}
html.textonly .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper {
    width: 100%;
    padding: 0;
}
html.textonly .home .main-content-wrapper .entry-content {
    opacity: 1;
}
html.textonly .home .main-content-wrapper h1,
html.textonly .home.page-template-page-temp #content h1,
html.textonly .home .main-content-wrapper .entry-content p,
html.textonly .main-portfolio-title,
html.textonly .main-posts-title,
html.highcontrast.textonly .home .main-content-wrapper h1,
html.highcontrast.textonly .home.page-template-page-temp #content h1,
html.highcontrast.textonly .portfolio-style-excerpt .excerpt-header .excerpt-title a {
    color: #000;
}
html.darkmode.textonly .home .main-content-wrapper h1,
html.darkmode.textonly .home.page-template-page-temp #content h1,
html.darkmode.textonly .home .main-content-wrapper .entry-content p,
html.darkmode.textonly .main-portfolio-title,
html.darkmode.textonly .main-posts-title {
    color: #FFF;
}
html.highcontrast.textonly .portfolio-style-excerpt .excerpt-header .excerpt-title a,
html.highcontrast.textonly .home .main-content-wrapper h1,
html.highcontrast.textonly .home.page-template-page-temp #content h1,
html.darkmode.textonly .ajax-style-button-wrapper,
html.darkmode.textonly .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper,
html.darkmode.textonly #main-portfolio-button-wrapper,
html.darkmode.textonly #main-blog-button-wrapper,
html.darkmode.textonly article.post-excerpt.no-post-thumbnail:nth-of-type(even) .excerpt-highlight,
html.darkmode.textonly article.post-excerpt.no-post-thumbnail:nth-of-type(odd) .excerpt-highlight,
html.darkmode.textonly .frontpage-portfolio-wrapper,
html.darkmode.textonly .frontpage-post-wrapper,
html.darkmode.textonly .frontpage-projects-wrapper,
html.textonly .frontpage-wrapper,
html.textonly .ajax-style-button-wrapper,
html.darkmode.textonly .home .site-content .entry-footer,
html.darkmode.textonly .home .site-content .sharebuttons-container,
html.darkmode.textonly .home .site-content .post-navigation,
html.darkmode.textonly .home .site-content .comments-title,
html.darkmode.textonly .home .site-content .ajax-comments-more-wrapper,
html.darkmode.textonly .home .site-content .comment-respond:not(.inline),
html.darkmode.textonly .home #disqus_thread,
html.darkmode.textonly .home .site-content .comments-area,
html.darkmode.textonly .home .site-footer,
html.darkmode.textonly .site-content .entry-footer,
html.darkmode.textonly .site-content .sharebuttons-container,
html.darkmode.textonly .site-content .post-navigation,
html.darkmode.textonly #disqus_thread,
html.darkmode.textonly .site-content .comments-area,
html.darkmode.textonly .site-content .timo-filters-wrapper,
html.darkmode.textonly .comment-respond:not(.inline),
html.darkmode.textonly article.post-excerpt.no-post-thumbnail,
html.highcontrast.textonly .ajax-style-button-wrapper,
html.highcontrast.textonly .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper,
html.highcontrast.textonly #main-portfolio-button-wrapper,
html.highcontrast.textonly #main-blog-button-wrapper,
html.highcontrast.textonly article.post-excerpt.no-post-thumbnail:nth-of-type(even) .excerpt-highlight,
html.highcontrast.textonly article.post-excerpt.no-post-thumbnail:nth-of-type(odd) .excerpt-highlight,
html.textonly .portfolio-style-wrapper:not(.frontpage-inner-wrapper) .ajax-style-button-wrapper,
html.textonly article.portfolio-style-excerpt.no-post-thumbnail,
html.darkmode.textonly article.portfolio-style-excerpt.no-post-thumbnail {
    background: none;
}
html.textonly .portfolio-style-excerpt .excerpt-title,
html.textonly .portfolio-style-excerpt .excerpt-title a,
html.textonly .post-excerpt .excerpt-title,
html.textonly .post-excerpt .excerpt-title a {
    color: #444;
}
html.darkmode.textonly .portfolio-style-excerpt .excerpt-title,
html.darkmode.textonly .portfolio-style-excerpt .excerpt-title a,
html.darkmode.textonly .post-excerpt .excerpt-title,
html.darkmode.textonly .post-excerpt .excerpt-title a {
    color: #BBB;
}
html.darkmode.highcontrast.textonly .portfolio-style-excerpt .excerpt-title,
html.darkmode.highcontrast.textonly .portfolio-style-excerpt .excerpt-title a,
html.darkmode.highcontrast.textonly .post-excerpt .excerpt-title,
html.darkmode.highcontrast.textonly .post-excerpt .excerpt-title a {
    color: #FFF;
}
html.textonly .home .main-content-wrapper h1,
html.textonly .home.page-template-page-temp #content h1,
html.textonly .home .main-content-wrapper .entry-content p,
html.textonly .portfolio-excerpt .excerpt-link,
html.textonly .home .main-content-wrapper article {
    mix-blend-mode: unset;
}
html.textonly .portfolio-style-excerpt .excerpt-link:hover+.excerpt-header .excerpt-title a,
html.textonly .portfolio-style-excerpt .excerpt-link:active+.excerpt-header .excerpt-title a,
html.textonly .portfolio-style-excerpt .excerpt-link:focus+.excerpt-header .excerpt-title a,
html.textonly .post-excerpt .excerpt-link:hover+.excerpt-header .excerpt-title a,
html.textonly .post-excerpt .excerpt-link:active+.excerpt-header .excerpt-title a,
html.textonly .post-excerpt .excerpt-link:focus+.excerpt-header .excerpt-title a {
    color: #BF2413;
}
html.highcontrast.textonly article.post-excerpt .excerpt-link:hover+.excerpt-header .excerpt-title a,
html.highcontrast.textonly article.post-excerpt .excerpt-link:active+.excerpt-header .excerpt-title a,
html.highcontrast.textonly article.post-excerpt .excerpt-link:focus+.excerpt-header .excerpt-title a,
html.highcontrast.textonly .post-excerpt.legal-content-entry .excerpt-link:hover+.excerpt-header .excerpt-title a,
html.highcontrast.textonly .post-excerpt.legal-content-entry .excerpt-link:active+.excerpt-header .excerpt-title a,
html.highcontrast.textonly .post-excerpt.legal-content-entry .excerpt-link:focus+.excerpt-header .excerpt-title a {
    color: #961D0F;
}
html.darkmode.textonly .portfolio-style-excerpt .excerpt-link:hover+.excerpt-header .excerpt-title a,
html.darkmode.textonly .portfolio-style-excerpt .excerpt-link:active+.excerpt-header .excerpt-title a,
html.darkmode.textonly .portfolio-style-excerpt .excerpt-link:focus+.excerpt-header .excerpt-title a,
html.darkmode.textonly .post-excerpt .excerpt-link:hover+.excerpt-header .excerpt-title a,
html.darkmode.textonly .post-excerpt .excerpt-link:active+.excerpt-header .excerpt-title a,
html.darkmode.textonly .post-excerpt .excerpt-link:focus+.excerpt-header .excerpt-title a {
    color: #ca7b72;
}
html.darkmode.highcontrast.textonly .portfolio-style-excerpt .excerpt-link:hover+.excerpt-header .excerpt-title a,
html.darkmode.highcontrast.textonly .portfolio-style-excerpt .excerpt-link:active+.excerpt-header .excerpt-title a,
html.darkmode.highcontrast.textonly .portfolio-style-excerpt .excerpt-link:focus+.excerpt-header .excerpt-title a,
html.darkmode.highcontrast.textonly .post-excerpt .excerpt-link:hover+.excerpt-header .excerpt-title a,
html.darkmode.highcontrast.textonly .post-excerpt .excerpt-link:active+.excerpt-header .excerpt-title a,
html.darkmode.highcontrast.textonly .post-excerpt .excerpt-link:focus+.excerpt-header .excerpt-title a {
    color: #ff3a24;
}
html.textonly .excerpt-header,
html.textonly .post-excerpt .excerpt-header,
html.textonly .post-excerpt.legal-content-entry .excerpt-header {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0;
}
html.textonly .post-excerpt.project-excerpt .excerpt-header {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 0;
}
html.textonly .main-portfolio-title,
html.textonly .main-posts-title {
    padding-top: 4rem;
    padding-bottom: 2rem;
}
html.textonly .post-excerpt.legal-content-entry h2::before {
    display: none;
}
html.textonly article.post-excerpt.no-post-thumbnail,
html.textonly .site-content .entry-footer,
html.textonly .site-content .sharebuttons-container,
html.textonly .site-content .timo-filters-wrapper,
html.textonly .site-content .post-navigation,
html.textonly #disqus_thread,
html.textonly .site-content .comments-area,
html.textonly .comment-respond:not(.inline) {
    background: none;
}

html.textonly.has-post-thumbnail .site-content,
html.textonly.has-post-thumbnail #content {
    margin-top: 70px;
    margin-top: 7rem;
}

@media screen and (min-height: 500px) and (min-width: 600px) {
    html.textonly.has-post-thumbnail .site-content,
    html.textonly.has-post-thumbnail #content {
        margin-top: 10%;
        margin-top: calc(4vh + 5rem);
    }
}
/*--------------------------------------------------------------
## CSS4 Stylistic Media Queries
--------------------------------------------------------------*/

@media (inverted-colors) {
    img { filter: invert(100%); }
    * { text-shadow: none !important; box-shadow: none !important; }
  }

/*--------------------------------------------------------------
# Old Browsers - no-js, ie, limited features
--------------------------------------------------------------*/

.no-js .site-header,
.no-js .site-header {
    right: 20px;
    right: 2rem;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    80% {
        opacity: 0;
    }
    100% {
        visibility: visible;
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    80% {
        opacity: 0;
    }
    100% {
        visibility: visible;
        opacity: 1;
    }
}

.no-js .menu-toggle,
.ie-old .menu-toggle,
.no-js .main-navigation .search-form,
.ie-old .main-navigation .search-form,
.no-js .menu-settings,
.ie-old .menu-settings,
.no-js .site-content .timo-filters-wrapper,
.ie-old .site-content .timo-filters-wrapper {
    display: none;
}

.no-js .menu-wrapper,
.ie-old .menu-wrapper {
    display: block;
    position: fixed;
    opacity: 1;
    height: auto;
    max-width: 90%;
    max-width: calc(100vw - 14.6rem);
    height: 48px;
    height: 4.8rem;
    right: 20px;
    right: auto;
    top: 20px;
    top: 2rem;
    left: 14.6rem;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
    animation: 5s fadeIn;
    animation-fill-mode: forwards;
}

.ie8 .menu-wrapper,
.ie9 .menu-wrapper {
    right: 0;
}

.ie-old .menu-wrapper {
    max-width: 90%;
    left: 190px;
    right: auto;
}

.no-js .main-navigation .menu-wrapper>div:first-of-type,
.ie-old .main-navigation .menu-wrapper>div:first-of-type {
    min-width: 0;
    width: auto;
    padding: 0;
    margin: 0;
}

.no-js .main-navigation ul,
.ie-old .main-navigation ul {
    display: block;
    white-space: nowrap;
}

.no-js .main-navigation li,
.ie-old .main-navigation li {
    display: inline;
    position: relative;
}

.no-js .main-navigation a,
.ie-old .main-navigation a {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 0;
    margin: 0 15px;
    margin: 0 1.5rem;
    line-height: 48px;
    line-height: 4.8rem;
}

.no-js .main-navigation ul ul,
.ie-old .main-navigation ul ul {
    display: none;
}

.no-js .main-navigation .sidebar,
.no-js .main-navigation>.sharebuttons-container,
.ie-old .main-navigation .sidebar,
.ie-old .main-navigation>.sharebuttons-container {
    display: none;
}

.no-js .pagination-wrapper,
.ie-old .pagination-wrapper {
    height: 0;
    min-height: 0;
    max-height: 0;
}

.no-js body.admin-bar .main-navigation .menu-wrapper>div:first-of-type,
.no-js body.admin-bar .main-navigation .sidebar,
.ie-old body.admin-bar .main-navigation .menu-wrapper>div:first-of-type,
.ie-old body.admin-bar .main-navigation .sidebar {
    padding-top: 0;
}

html.no-flexbox .timo-filters-parameters>div,
html.no-flexbox .timo-filters-parameters>label,
html.no-flexbox .timo-filters-parameters>div *,
html.ie10 .timo-filters-parameters>div,
html.ie10 .timo-filters-parameters>label,
html.ie10 .timo-filters-parameters>div * {
    float: left;
    clear: none;
    min-height: 0;
    height: auto;
}

html.no-flexbox .timo-filters-parameters:after {
    content: " ";
    clear: both;
    display: table;
}

html.no-flexbox .portfolio-style-excerpt .excerpt-header,
.ie10 .portfolio-style-excerpt .excerpt-header {
    margin-top: 40%;
}

html.no-flexbox .ajax-style-link,
html.no-flexbox .ajax-style-button {
position: relative;
left: 40%;
top: 40%;
}

html.no-flexbox .portfolio-style-wrapper:after {
    content: " ";
    clear: both;
    display: table;
}
html.no-flexbox .portfolio-style-wrapper article.portfolio-style-excerpt,
html.no-flexbox .portfolio-style-wrapper .ajax-more-wrapper {
    float: left;
    clear: none;
}

html.no-flexbox .timo-privacy-popup-text-div {
    float: left;
    clear: none;
}

html.no-flexbox .timo-privacy-popup-action-div {
    float: right;
    clear: none;
}

html.no-flexbox .timo-privacy-popup-action-div button {
    min-height: 0;
    height: auto;
}
html.ie11 #timo-privacy-popup-agree-button,
html.ie11 #timo-privacy-popup-dismiss-button,
html.edge #timo-privacy-popup-agree-button,
html.edge #timo-privacy-popup-dismiss-button {
    flex-basis: auto;
}


.no-js .site-header.transparent:before,
.no-js .site-header.transparent:after,
.ie-old .site-header.transparent:before,
.ie-old .site-header.transparent:after {
    background: transparent;
}

.no-js .gallery:after,
.no-js .photoswipe_gallery:after,
.ie-old .gallery:after,
.ie-old .photoswipe_gallery:after {
    content: " ";
    /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.no-js .gallery-item,
.no-js .photoswipe_gallery figure,
.ie-old .gallery-item,
.ie-old .photoswipe_gallery figure {
    float: left;
}

.ie-old .background-wrapper,
.ie-old .background-wrapper2 {
    display: none;
}
html.ie10 .site-footer {
    display: block;
}
html.no-flexbox .site-footer > div,
html.ie10 .site-footer > div {
    float: left;
    clear:both;
}

html.no-flexbox .site-footer:after,
html.ie10 .site-footer:after {
    content: " ";
    clear: both;
    display: table;
}

html.ie10 .posts-wrapper {
    display: block;
}

html.ie10 .portfolio-style-excerpt {
    float: left;
    clear: none;
}

html.ie10 .ajax-style-button-wrapper {
    flex-pack: center;
    -ms-flex-pack: center;
    flex-align: center;
    -ms-flex-align: center;
}

.no-js .site-footer .footer-logo:hover .timosvg-wrapper,
.no-js .site-footer .footer-logo:active .timosvg-wrapper,
.no-js .site-footer .footer-logo:focus .timosvg-wrapper {
    -webkit-animation: colorchangeload 3s infinite;
    animation: colorchangeload 3s infinite;
}

@media screen and (min-height: 500px) and (min-width: 600px) {
    .no-js .site-header,
    .no-js .menu-wrapper {
        right: 4%;
        top: 4%;
        right: 4vw;
        top: 4vh;
    }
    .no-js .menu-wrapper {
        max-width: 70%;
        max-width: calc(100vw - 8vw - 10.6rem);
        left: calc(8vw + 10.6rem);
    }
    .no-js .site-header:before,
    .no-js .site-header:after {
        top: 4%;
        top: calc(4vh + 0.2rem);
    }
    .no-js .site-header.entry-title::before {
        right: 74%;
        right: calc(100vw - 4vw - 11.7rem);
    }
    .no-js .site-header:after {
        right: 4%;
        right: 4vw;
    }
}

/*--------------------------------------------------------------
# Spacial
--------------------------------------------------------------*/
body.page-template-page-commandline {
background: #000;
}
html.commandline-light body.page-template-page-commandline {
    background: #FFF;
}
body.page-template-page-commandline * {
    font-family: 'Roboto Mono', 'Monaco', 'Lucida Console', 'Menlo', 'Consolas', 'Lucida Sans Typewriter', 'Courier New', 'SimHei', 'Heiti SC', 'Hei', monospace;
    font-size: 14px;
    font-size: 1.4rem;
    background: transparent;
    padding: 0;
    margin: 0;
    cursor: text;
    color: #d0d0d0;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased;
}
html.commandline-light body.page-template-page-commandline * {
    color: #565656;
}
body.page-template-page-commandline .background-wrapper,
body.page-template-page-commandline .background-wrapper2,
body.page-template-page-commandline .site-header,
body.page-template-page-commandline .site-footer,
body.page-template-page-commandline .go-to-top-wrapper,
body.page-template-page-commandline .screen-reader-text,
body.page-template-page-commandline .timo-privacy-popup-wrapper {
    display: none;
}
body.page-template-page-commandline ul {
    list-style: none;
    padding-left: 2ch;
}

body.page-template-page-commandline #commandline-input-wrapper {
    position: relative;
    display: none;
}
html.loaded body.page-template-page-commandline #commandline-input-wrapper {
    display: block;
}
body.page-template-page-commandline pre {
    overflow: hidden;
}

body.page-template-page-commandline pre.logo {
        /* color: aqua; */
        font-size: 10px;
        font-size: 1rem;
}
html.commandline-light body.page-template-page-commandline pre.logo {
    /* color: #004444; */
}

@media screen and (max-width: 640px) {
    body.page-template-page-commandline pre.logo {
     font-size: 6px;
     font-size: 2vw;
    }
}
body.page-template-page-commandline pre.logo.shadow {
    /* color: #548888; */
}

body.page-template-page-commandline pre.logo.shadow.level1 {
    opacity: 0.8;
}
body.page-template-page-commandline pre.logo.shadow.level2 {
    opacity: 0.6;
}
body.page-template-page-commandline pre.logo.shadow.level3 {
    opacity: 0.4;
}
html.commandline-light body.page-template-page-commandline pre.logo.shadow {
    color: #007777;
}
body.page-template-page-commandline #commandline-input,
body.page-template-page-commandline #commandline-input:hover,
body.page-template-page-commandline #commandline-input:active,
body.page-template-page-commandline #commandline-input:focus {
    min-height: unset;
    border: 0;
    background: transparent;
    color: #FFF;
    min-width: 50px;
padding: 0;
text-indent: 40px;
text-indent: 6ch;
resize: none;
hyphens: none;
word-break: break-all;
}
html.commandline-light body.page-template-page-commandline #commandline-input,
html.commandline-light body.page-template-page-commandline #commandline-input:hover,
html.commandline-light body.page-template-page-commandline #commandline-input:active,
html.commandline-light body.page-template-page-commandline #commandline-input:focus {
    color: #000;
}

body.page-template-page-commandline p,
body.page-template-page-commandline label,
body.page-template-page-commandline textarea {
    text-align: left;
}

body.page-template-page-commandline #commandline-input-pre {
font-weight: 800;
color: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 0;
}
html.commandline-light body.page-template-page-commandline #commandline-input-pre {
    color: #000;
}

body.page-template-page-commandline p.help.cat,
body.page-template-page-commandline p.response.header,
body.page-template-page-commandline p.help.cat *,
body.page-template-page-commandline p.response.header * {
font-weight: 800;
color: #FFF;
}
html.commandline-light body.page-template-page-commandline p.help.cat,
html.commandline-light body.page-template-page-commandline p.response.header,
html.commandline-light body.page-template-page-commandline p.help.cat *,
html.commandline-light body.page-template-page-commandline p.response.header * {
    color: #000;
}
body.page-template-page-commandline p.response.disclaimer {
    opacity: 0.5;
}
body.page-template-page-commandline p.error,
body.page-template-page-commandline p.error * {
    color: #ff4c4c;
    font-weight: 800;
}
html.commandline-light body.page-template-page-commandline p.error,
html.commandline-light body.page-template-page-commandline p.error * {
    color: #690000;
}
body.page-template-page-commandline a,
.touchingtrue body.page-template-page-commandline a {
    color: #ca7b72;
    text-decoration: underline;
}
body.page-template-page-commandline #commandline-output-wrapper a {
    pointer-events: none;
}
html.commandline-light body.page-template-page-commandline a {
    color: #a51000;
}
body.page-template-page-commandline p.line.header {
    hyphens: auto;
    word-break: normal;
}

body.page-template-page-commandline a:hover,
body.page-template-page-commandline a:focus,
body.page-template-page-commandline a:active,
.touchingtrue body.page-template-page-commandline a:hover,
.touchingtrue body.page-template-page-commandline a:focus,
.touchingtrue body.page-template-page-commandline a:active {
    color: #ff3a24;
    text-decoration: underline;
    cursor: pointer;
}

html.commandline-light body.page-template-page-commandline a:hover,
html.commandline-light body.page-template-page-commandline a:focus,
html.commandline-light body.page-template-page-commandline a:active {
    color: #cc1400;
}
body.page-template-page-commandline span.key-sign {
    border: 1px #888 solid;
    padding: 0 1ch;
}
body.page-template-page-commandline span.enter-sign {
    color: #888;
}
body.page-template-page-commandline span.commandname,
body.page-template-page-commandline span.commandname * {
    color: cyan;
}
html.commandline-light body.page-template-page-commandline span.commandname,
html.commandline-light body.page-template-page-commandline span.commandname * {
    color: #005757;
}
body.page-template-page-commandline blockquote,
body.page-template-page-commandline q {
    border-left: 1ch solid;
    padding-left: 1ch;
}
/*--------------------------------------------------------------
# Print
--------------------------------------------------------------*/

@media print {
    *,
   html.darkmode *,
   html.darkmode.highcontrast * {
        transition: none !important;
        -webkit-print-color-adjust: exact;
        background-attachment: scroll !important;
        text-shadow: none !important;
        color: #000 !important;
    }
    article {
        transform: none !important;
        visibility: visible !important;
    }
    html,
    .home {
        -webkit-animation: none;
        animation: none;
        background: none !important;
        height: auto !important;
    }
    body {
        background: none !important;
        height: auto !important;
    }
    body,
    blockquote,
    blockquote cite,
    blockquote small,
    label,
    a,
    .post-title,
    .author-heading,
    .entry-footer,
    .entry-footer a,
    .taxonomy-description,
    .entry-caption,
    .comment-author,
    .comment-metadata,
    .comment-metadata a,
    .comment-notes,
    .comment-awaiting-moderation,
    .no-comments,
    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: #000 !important;
        background: none !important;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-left: 0 !important;
    }
blockquote,
blockquote cite,
blockquote small {
    border-color: #333 !important;
}
    #page {
        background: none !important;
    }
    .site-header {
        box-shadow: none !important;
        background: #000 !important;
        position: absolute !important;
    }
    .site-title {
        color: #FFF !important;
    }
    .site-info {
        text-align: left !important;
        color: #000 !important;
    }
    .sharebuttons-container li a::before {
        display: inline-block;
        text-align: left;
        vertical-align: initial;
    }
    .sharebuttons-container li {
        display: block !important;
        float: left;
        clear: both;
    }
    .sharebuttons-container li a[href*="google.com"] {
        margin-left: 0;
        margin-right: 0;
    }
    .sharebuttons-container li a[href^="http"]:after {
        content: " " attr(href);
        font-weight: normal;
    }
    .sharebuttons-container li a[href*="mailto:"]::after {
        content: ' admin@sunjiutuo.com';
        font-weight: normal;
    }
    .sharebuttons-container li a[href*="javascript:if(window.print)window.print()"],
    #sharebutton-print {
        display: none !important;
    }
    .js img {
        visibility: visible;
    }
    .sharebuttons-container,
    .background-wrapper,
    .background-wrapper2,
    .wpforms-container,
    .pace,
    .secondary-toggle,
    .main-navigation,
    .post-navigation,
    .timo-onimg-navs,
    .edit-link,
    .titledown,
    .comments-area,
    .comments-link,
    .thumbnail-copyright,
    #reply-title,
    .comments-title,
    .ajax-style-button-wrapper,
    .comments-container,
    .comment-form,
    .comment-edit-link,
    .comment-list .reply a,
    #disqus_thread,
    button,
    input,
    textarea,
    select,
    .site-description,
    .excerpt-highlight,
    #search-container,
    #secondary,
    .widget-area,
    .footer-navigation,
    .box .timopostlink,
    .timo-span,
    .timo-span2,
    figcaption,
    .wp-caption-text,
    .gallery-caption,
    .timo-filters-wrapper,
    .remove-filters-wrapper,
    iframe,
    object,
    embed,
    .randomposts-container,
    .relatedposts-container,
    .gallery,
    .frontpage-wrapper,
    .footer-logo {
        display: none !important;
    }
    code,
    kbd,
    tt,
    var,
    blockquote p,
    q {
        color: #000 !important;
        background: transparent !important;
    }
    .sharebuttons-container {
        background: none !important;
    }
    .sharebuttons-container li a::before {
        color: #000 !important;
    }
    .home .sharebuttons-container {
        display: block !important;
    }
    body.home #page {
        background: none;
    }
    blockquote {
        background: none;
    }
    blockquote p {
        color: #000;
    }
    .content-pre,
    .content-pre.has-post-thumbnail {
        height: auto;
        min-height: 0 !important;
        position: inherit;
    }
    article {
        overflow: visible;
        background: none !important;
    }
    .frontpage-portfolio-wrapper article:nth-of-type(3n+2) .post-thumbnail {
        background-attachment: unset;
        filter: none;
    }
    .tags-links a:last-child:after {
        content: '';
    }
    .tags-links a {
        color: #fff !important;
    }
    .site-content,
    .site-contenдt,
    #content {
        margin-top: 70px !important;
        margin-top: 7rem !important;
    }
    .site-content .entry-footer,
    .site-content .post-navigation,
    .site-footer {
        background: none !important;
        color: #000 !important;
    }
    .site-branding .site-logo svg *,
    .site-header.transparent svg * {
        fill: #FFF !important;
    }
    .main-content-wrapper {
        min-height: unset;
    }
    img {
        height: auto !important;
    }
}