* {
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary { display: block; }
audio,
canvas,
video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html,
button,
input,
select,
textarea { font-family: Roboto, sans-serif; }
body { color: #505050; line-height: 1.625; margin: 0; opacity: 0; height: 100%; }
.body-visible { opacity: 1; -webkit-transition: opacity 700ms; transition: opacity 700ms; }
.has-featured-slideshow { overflow-y: hidden; }
a { color: #3B95B1; text-decoration: none; }
a:visited { }
a:focus { outline: thin dotted; }
a:active,
a:hover { color: #3B95B1; outline: 0; }
a:hover { text-decoration: underline; }
a img { border: none; }
h1, h2, h3, h4, h5, h6 { color: #000; font-weight: 700; font-family: Novecentowide, sans-serif; line-height: 1; margin: 0 0 1em 0; word-wrap: break-word; }
h1 { font-size: 225%; margin-bottom: 0.625em; }
h2 { font-size: 200%; margin-bottom: 0.75em; }
h3 { font-size: 175%; margin-bottom: 0.8125em; }
h4 { font-size: 150%; }
h5 { font-size: 125%; }
h6 { font-size: 100%; }
p { margin: 0 0 2em 0; }
address { font-style: normal; margin-bottom: 20px; }
abbr[title] { border-bottom: 1px dotted; }
b,
strong { font-weight: 700; }
em { font-style: italic; }
dfn { font-style: italic; }
mark { background: #fe6; color: #000; }
code,
kbd,
pre,
samp { font-family: monospace, serif; font-size: 93.75%; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }
pre { margin: 0 0 3em 0; overflow: auto; white-space: pre-wrap; word-wrap: break-word; }
pre code { display: block; background-color: #f5f5f5; overflow: hidden; padding: 0 2em; }
kbd {
padding: 0.1em 0.65em;
border: 1px solid #cccccc;
font-size: 75%;
font-family: Roboto, sans-serif;
background-color: #f8f8f8;
color: #3a3a3a;
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), 0 0 0 2px #fff inset;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), 0 0 0 2px #fff inset;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), 0 0 0 2px #fff inset;
border-radius: 3px;
display: inline-block;
margin: 0 0.1em;
line-height: 1.4;
white-space: nowrap;
} blockquote,
q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } blockquote:before,
blockquote:after,
q:before,
q:after { content: ""; content: none; }
blockquote { font-size: 112.5%; font-style: italic; font-weight: 300; margin: 24px 40px; }
blockquote blockquote { margin-right: 0; }
blockquote cite,
blockquote small { font-size: 87.5%; font-weight: normal; text-transform: uppercase; }
blockquote em,
blockquote i { font-style: normal; font-weight: 300; }
blockquote strong,
blockquote b { font-weight: 400; }
blockquote.quote-style-2 { position: relative; text-indent: 2em; }
blockquote.quote-style-2:before { quotes: "«" "»"; quotes: "\00AB" "\00BB"; content: open-quote; font-size: 2.5em; font-weight: 900; line-height: 0.375; text-indent: 0; color: #787878; position: absolute; top: 0; left: 0; }
small { font-size: smaller; }
sub,
sup { font-size: 75%; line-height: 0; position: relative; }
sub { vertical-align: sub; }
sup { vertical-align: super; }
dl { margin: 0 2em; }
dt { font-weight: 700; }
dd { margin: 0 0 1.5em; }
menu,
ol,
ul { margin: 2em 0; padding: 0 0 0 2em; }
ul { list-style-type: square; }
nav ul,
nav ol { list-style: none; list-style-image: none; }
li > ul,
li > ol { margin: 0; }
.list-armenian { list-style-type: armenian; }
.list-circle { list-style-type: circle; }
.list-cjk-ideographic { list-style-type: cjk-ideographic; }
.list-decimal { list-style-type: decimal; }
.list-decimal-leading-zero { list-style-type: decimal-leading-zero; }
.list-disc { list-style-type: disc; }
.list-georgian { list-style-type: georgian; }
.list-hebrew { list-style-type: hebrew; }
.list-hiragana { list-style-type: hiragana; }
.list-hiragana-iroha { list-style-type: hiragana-iroha; }
.list-inherit { list-style-type: inherit; }
.list-katakana { list-style-type: katakana; }
.list-katakana-iroha { list-style-type: katakana-iroha; }
.list-lower-alpha { list-style-type: lower-alpha; }
.list-lower-greek { list-style-type: lower-greek; }
.list-lower-latin { list-style-type: lower-latin; }
.list-lower-roman { list-style-type: lower-roman; }
.list-none { list-style-type: none; }
.list-square { list-style-type: square; }
.list-upper-alpha { list-style-type: upper-alpha; }
.list-upper-latin { list-style-type: upper-latin; }
.list-upper-roman { list-style-type: upper-roman; }
img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0 0 3em 0; }
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; white-space: normal; }
button,
input,
select,
textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; }
button,
input { line-height: normal; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled],
input[disabled] { cursor: default; }
input[type="checkbox"],
input[type="radio"] { padding: 0; }
input[type="search"] { -webkit-appearance: textfield; padding-right: 2px; width: 270px; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; font-size: 87.5%; line-height: 2; margin: 0 0 2em; width: 100%; }
caption,
th,
td { font-weight: normal; text-align: left; }
caption { font-size: 16px; margin: 20px 0; }
th { font-weight: bold; text-transform: uppercase; }
td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; }
del { text-decoration: line-through; }
ins { text-decoration: underline; }
hr { background: none; border: 0 none; border-top: 1px solid #DCDCDC; clear: both; color: #EEE; height: 1px; width: 100%; margin: 0 auto 2em auto; padding-top: 0; }
:focus { outline: 0; }  .clear:before,
.clear:after,
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clear:after,
.clearfix:after {
clear: both;
} .entry-media:after,
.attachment .entry-header:after,
.site-footer .widget-area:after,
.entry-content:after,
.page-content:after,
.navigation:after,
.nav-links:after,
.gallery:after,
.comment-body:after {
clear: both;
}
.entry-media:before,
.entry-media:after,
.attachment .entry-header:before,
.attachment .entry-header:after,
.site-footer .widget-area:before,
.site-footer .widget-area:after,
.entry-content:before,
.entry-content:after,
.page-content:before,
.page-content:after,
.navigation:before,
.navigation:after,
.nav-links:before,
.nav-links:after,
.gallery:before,
.gallery:after,
.comment-body:before,
.comment-body:after {
content: "";
display: table;
} .screen-reader-text {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
}
.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-weight: bold;
line-height: normal;
padding: 15px 23px 14px;
position: absolute;
top: 5px;
left: 5px;
text-decoration: none;
height: auto;
width: auto;
z-index: 100000; } button,
input,
textarea {
border: 1px solid #d9dcdd;
font-family: inherit;
padding: 7px;
}
input,
textarea {
color: #000;
}
input:focus,
textarea:focus {
border: 1px solid #d9dcdd;
outline: 0;
} button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
background: #282832;
border: none;
color: #fff;
display: inline-block;
padding: 8px 24px;
text-decoration: none;
}
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
background: #3B95B1;
outline: none;
}
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
background: #098b8d;
border: none;
}
.post-password-required input[type="submit"] {
background: none repeat scroll 0 0 transparent;
color: #000;
font-weight: 900;
padding: 5px 10px;
text-transform: uppercase;
}
.post-password-required input[type="submit"]:hover {
color: #3B95B1;
} ::-webkit-input-placeholder {
color: #7d7b6d;
}
:-moz-placeholder {
color: #7d7b6d;
}
::-moz-placeholder {
color: #7d7b6d;
}
:-ms-input-placeholder {
color: #7d7b6d;
} .entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
max-width: 100%;
} .entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto;
}
img.size-full,
img.size-large,
img.wp-post-image {
height: auto;
max-width: 100%;
} embed,
iframe,
object,
video {
max-width: 100%;
} .entry-content .twitter-tweet-rendered {
max-width: 100% !important;
} .alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft {
margin: 5px 20px 5px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 5px 0;
}
img.alignright {
margin: 5px 0 5px 20px;
}
.wp-caption.alignright {
margin: 5px 0 5px 20px;
}
img.aligncenter {
margin: 5px auto;
}
img.alignnone {
margin: 5px 0;
}
.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
font-size: 87.5%; font-style: italic;
}
img.wp-smiley,
.rsswidget img {
border: 0;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.sticky { }
.bypostauthor { } .site-content { margin: 0 auto; max-width: 1200px; width: 92%; word-wrap: break-word; }
.no-boundaries .site-content { max-width: none; width: 100%; }
.content-area { position: relative; width: 100%; }
.single .content-area { margin: 0 auto; max-width: 900px; font-size: 112.5%; padding-bottom: 20px; }  .site-header { width: 100%; height: auto; z-index: 150; top: 0; position: fixed; background-color: #fff; background-color: rgba(255, 255, 255, .86); }
.admin-bar .site-header { top: 32px; }
.site-header:hover { background-color: rgba(255, 255, 255, 1); }
.site-header, .site-header:hover {
transition: background-color 1s ease-in-out;
}
.site-header .site-header-inner { margin: 0 auto; max-width: 1200px; width: 92%; position: relative; height: 100%; min-height: 150px; }
.logo { height: 100%; position: absolute; }
.logo-inner { display: table; height: 100%; }
.home-link { display: table-cell; vertical-align: middle; }
.home-link:hover { text-decoration: none; }
.home-link:focus { outline: 0; }
.site-title {  font-weight: 900; color: #000; margin: 0 0 5px 0; }
.site-title:hover { color: #3B95B1; }
.site-description { font-family: Roboto, sans-serif; font-size: 13px; text-decoration: none; margin: 0; }
.site-logo { outline: 0; max-width: 100%; }
.site-logo + .site-title,
.site-logo + .site-title + .site-description { display: none; } #compact_menu { float: right; margin-top: 5px; max-width: 85%; } .header-back-to-blog-link { float: left; display: none; }
.header-back-to-blog { float: left; }
.header-back-to-blog-message { float: left; cursor: pointer; margin: 3px 0 0 5px; font-family: Novecentowide, sans-serif; font-size: 62.5%; text-transform: uppercase; font-weight: 600; color: #c6cacb; }
.header-back-to-top { padding-right: 20px; margin-top: 20px; position: absolute; right: 45px; border-right: 1px solid #C6CACB; cursor: pointer; display: none; }
.header-back-to-blog-icon-svg { height: 34px; float: left; }
.compact-header-arrow-back-svg { float: left; }
.compact-header-arrow-back-svg polyline { stroke: #c6cacb; stroke-width: 4.2px; stroke-linecap: round; stroke-linejoin: round; }
.header-back-to-top:hover .header-back-to-blog-message { color: #000; }
.header-back-to-top:hover .compact-header-arrow-back-svg polyline { stroke: #000; } .back { display: none; top: 0; bottom: 0; position: absolute; height: 34px; margin: auto; }
.back:hover { text-decoration: none; }
.back .label { color: #c6cacb; float: left; font: 700 62.5%/1 Roboto, sans-serif; margin: 12px 0 0 5px; text-transform: uppercase; }
.back .icon { height: 34px; float: left; }
.back .icon polyline { stroke: #c6cacb; stroke-width: 4.2px; stroke-linecap: round; stroke-linejoin: round; }
.back:hover .label { color: #000; text-decoration: none; opacity: 1; }
.back:hover .icon polyline { stroke: #000; } .compact-search  { color: #c6cacb; cursor: pointer; display: none; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 30px; height: 30px; }
.compact-search:before { content: "L"; cursor: pointer; font: 400 27px/1 WebSymbolsRegular; position: absolute; top: 2px; left: 0; }
.compact-search:hover { color: #000; }
.blog .compact-search,
.single .compact-search { display: block; }
.site-header .search-form { display: none; }
.blog .site-header .search-form input[type="search"],
.single .site-header .search-form input[type="search"] { margin-bottom: 2em; } .header-search { cursor: pointer; background-color: #fff; background-color: rgba(255, 255, 255, 0.97); display: none; height: 100%; position: fixed; width: 100%; z-index: 300; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.header-search .search-form { margin: 3.8% auto 20px auto; max-width: 1200px; width: 92%; }
.header-search .search-field { border: 1px solid transparent; color: #000; font-family: Novecentowide, sans-serif; font-size: 80px; font-weight: 600; padding: 0; text-transform: uppercase; max-width: 100%; width: 100%; }
.header-search .search-field::-webkit-input-placeholder { color: transparent; }
.header-search .search-field:-moz-placeholder { color: transparent; }
.header-search .search-field::-moz-placeholder { color: transparent; }
.header-search .search-field:-ms-input-placeholder { color: transparent; }
.header-search .search-submit { display: none; }
.header-search .search-message { color: #8c8c8c; font-family: Novecentowide, sans-serif; font-size: 11px; font-weight: 700; margin: 0 auto; max-width: 1200px; text-transform: uppercase; width: 92%; } .site-navigation { position: relative; float: right; width: 50%; }
.main-nav { float: left; width: 50%; position: relative; padding-top: 34px; margin-bottom: 37px; }
.nav-menu { float: left; width: 50%; position: relative; padding-top: 34px; margin-bottom: 37px; }
.main-nav .nav-menu { float: none; width: auto; padding-top: 0; margin-bottom: 0; }
.pf_nav { float: right; margin: 0; padding: 0; width: 50%; position: relative; padding-top: 34px; margin-bottom: 37px; }
.pf_nav li { line-height: 1; }
.pf_nav li a { display: inline-block; color: #969696; font: 700 68.75%/1 Novecentowide, sans-serif; }
.pf_nav li a.selected { color: #000; }
.pf_nav li a:hover { color: #000; text-decoration: none; }
.nav-menu .has-submenu > a:after { content: "]"; font: 100%/1 WebSymbolsRegular, sans-serif; padding-left: 6px; position: absolute; }
.nav-menu .has-submenu .has-submenu > a:after { content: "]"; line-height: 1.375; right: 10px; top: 4px; }
ul.nav-menu,
div.nav-menu > ul { margin: 0; padding: 0; }
.nav-menu li { clear: both; position: relative; float: left; line-height: 1; }
.nav-menu li a { display: inline-block; color: #969696; font: 700 68.75%/1 Novecentowide, sans-serif; text-decoration: none; text-transform: uppercase; }
.nav-menu > li > a { line-height: 1; }
.nav-menu li li a { font-weight: 500; padding: 6px 6px 6px 8px; }
.nav-menu ul > li:first-child > a { border-radius: 4px 4px 0 0; }
.nav-menu ul > li:last-child > a { border-radius: 0 0 4px 4px; }
.nav-menu ul > li:only-child > a { border-radius: 4px; }
.nav-menu li a:hover { color: #000; }
.nav-menu > .has-submenu > a { padding: 0 23px 0 0; }
.nav-menu > .has-submenu:hover > a,
.nav-menu > .has-submenu > a:hover { color: #000; }
.nav-menu li li:hover > a,
.nav-menu li li a:hover { background-color: #bdbdbd; color: #000; font-weight: 700; }
.nav-menu .sub-menu,
.nav-menu .children { background-color: #000; background-color: rgba(0, 0, 0, 0.9); border-radius: 4px; color: #BABABA; display: none; float: left; left: 100%; top: 0; font-weight: 500; padding: 0; position: absolute; word-wrap: break-word; z-index: 9999; }
.nav-menu > li > .sub-menu,
.nav-menu > li > .children { }
.nav-menu .sub-menu ul,
.nav-menu .children ul { border-left: 0; left: 100%; top: 0; }
ul.nav-menu ul a,
.nav-menu ul ul a { color: #BABABA; margin: 0; min-width: 180px; }
.nav-menu li li { width: 100%; }
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover { background-color: #bdbdbd; color: #000; font-weight: 700; }
ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul { display: block; }
.nav-menu > ul > .current_page_item > a,
.nav-menu > ul > .current-menu-item > a ,
.nav-menu > .current_page_item > a,
.nav-menu > .current-menu-item > a { color: #000; }
.nav-menu li .current_page_item > a,
.nav-menu li .current-menu-item > a { background-color: #bdbdbd; color: #000; font-weight: 700; }
.menu-toggle { display: none; }
.compact-container { position: absolute; right: 0; top: 3px; }
.compact-container .nav-menu > li > a { margin-top: 0; }
.compact-container .nav-menu > .has-submenu > a { padding: 0 23px 0 0; }
.compact-container .nav-menu > .has-submenu > a { margin-top: 0; } .entry-container { border-bottom: 1px solid #d9dcdd; clear: both; margin-bottom: 50px; padding-bottom: 20px; position: relative; width: 100%; }
.entry-container:last-child { margin-bottom: 0; border-bottom: 0 none; }
.contact-marker { margin-left: 10px; }
.contact-marker:before { color: #505050; }
.contact-marker:hover:before { color: #000; text-decoration: none; } .entry-container .entry-header { float: left; width: 34%; margin-right: 4%; position: relative; word-wrap: break-word; margin-top: 5px; }
.entry-title { font: 900 200%/0.875 Novecentowide, sans-serif; margin: 0 0 7px 0; max-width: 100%; word-wrap: break-word; }
.entry-title a { color: #000; text-decoration: none; }
.entry-title a:hover { color: #3B95B1; text-decoration: none; }
.single .entry-header { clear: both; margin-bottom: 40px; }
.page-header { clear: both; margin-bottom: 50px; }
.blog .page-header { margin-bottom: 50px; }
.page-title { word-wrap: break-word; font: 900 968.75%/0.8125 Novecentowide, sans-serif; color: #000; border-bottom: 2px solid #D9DCDD; max-width: 1200px; margin: 0 auto; text-transform: uppercase; width: 92%; padding-bottom: 16px; clear: both; text-align: center; letter-spacing: -2px; margin-top: -0.375em; }
.single .page-title,
.search .page-title,
.archive .page-title { font-size: 800%; }
.page-description { border-bottom: 3px solid #D9DCDD; font: 300 200%/1.25 Roboto, sans-serif; margin: 15px auto 0 auto; max-width: 1200px; padding-bottom: 20px; width: 92%; }
.page-description a { text-decoration: underline; }
.page-description p { font-size: 100%; line-height: 1.25; }
.page-description p:last-child { margin-bottom: 0; } @media (max-width: 950px) {
.entry-container .entry-header { width: 100%; }
.entry-title { padding-right: 60px; display: block; font-size: 150%; }
}
@media (max-width: 640px) {
.page-description { font-size: 175%; }
} .entry-meta { margin-bottom: 20px; }
.entry-meta .author { color: #787878; display: block; font: 700 68.75%/1 Novecentowide, sans-serif; margin-bottom: 5px; text-transform: uppercase; }
.entry-meta .author a { color: #787878; text-decoration: underline; }
.entry-meta .author a:hover { color: #000; }
.entry-meta .date { display: block; font: 700 68.75%/1 Novecentowide, sans-serif; margin: 0 0 5px 0; text-transform: uppercase; }
.entry-meta .date a { color: #787878; }
.entry-meta .date a:hover { color: #000; text-decoration: none; }
.entry-meta .edit-link { display: block; font: 700 11px/1 Novecentowide, sans-serif; margin: 0 0 5px 0; text-transform: uppercase; }
.entry-meta .edit-link a { color: #787878; }
.entry-meta .edit-link a:hover { color: #000; text-decoration: none; }
.entry-meta .entry-tags { display: block; line-height: 1.5; margin: 0 0 5px 0; }
.entry-meta .entry-tags a { background-color: #b4b4b4; border-radius: 3px; color: #fff; font: 600 68.75%/1 Roboto, sans-serif; padding: 3px 7px; text-transform: uppercase; white-space: nowrap; }
.entry-meta .entry-tags a:hover { background-color: #000; color: #fff; text-decoration: none; } .blog-comments-wrapper { position: absolute; left: -35px; top: 0; cursor: pointer; height: 30px; margin-top: 3px; }
.blog-comments-icon { height: 20px; }
.blog-comments-icon-shape { }
.blog-comments-icon-shape path { fill: #000; stroke: #000; stroke-width: 2px; }
.blog-comments-wrapper:hover .blog-comments-icon-shape path { fill: #3B95B1; stroke: #3B95B1; }
.blog-comments-wrapper.blog-comments-wrapper-zero .blog-comments-icon-shape path { fill: transparent; stroke: #000; stroke-width: 2px; }
.blog-comments-wrapper.blog-comments-wrapper-zero:hover .blog-comments-icon-shape path { fill: transparent; stroke: #3B95B1; }
.blog-comments-value { position: absolute; overflow: hidden; top: 0; width: 25px; height: 20px; }
.blog-comments-wrapper.blog-comments-wrapper-zero .blog-comments-value { display: none; }
.blog-comments-value a { color: #fff; display: block; font: 700 68.75%/1.5 Roboto, sans-serif; height: 18px; text-align: center; }
.blog-comments-value a:hover { text-decoration: none; }
@media (max-width: 950px) {
.entry-tags { display: none; }
.blog-comments-wrapper { left: auto; position: absolute; right: 0; top: 0; margin-top: 0; }
.blog-comments-icon { height: 40px; width: 40px; }
.blog-comments-icon-shape { width: 100%; height: 100%; display: block; }
.blog-comments-value { height: 40px; width: 40px; top: 5px; }
.blog-comments-value a { font-size: 100%; line-height: 1.25; }
} .entry-summary { font-size: 112.5%; line-height: 1.625; width: 62%; float: left; }
.entry-thumbnail { max-width: 100%; position: relative; }
.entry-thumbnail img { display: block; margin: 0 0 20px; }
@media (max-width: 950px) {
.entry-content { width: 100%; }
.entry-summary { width: 100%; }
}
.single-meta { color: #787878; line-height: 1.375; font-family: Roboto, sans-serif; position: relative; max-width: 1200px; width: 92%; margin: 0 auto; border-bottom: 3px solid #d9dcdd; padding: 15px 0 15px 0; }
.single-meta .blog-comments-wrapper { margin-top: 15px; left: 0; z-index: 2; }
.single-meta .single-date { float: left; padding-left: 35px; text-transform: uppercase; font: 600 125%/1.125 Novecentowide; z-index: 1; width: 48%; }
.single-meta .single-tags { float: right; text-align: right; width: 48%; }
.single-meta .single-tags a { font-size: 68.75%; font-family: Roboto, sans-serif; line-height: 2; text-transform: uppercase; padding: 3px 7px; border-radius: 3px; white-space: nowrap; font-weight: 700; background-color: #b4b4b4; color: #fff; }
.single-meta .single-tags a:hover { text-decoration: none; background-color: #000; color: #fff; }
@media (max-width: 950px){
.single-meta .blog-comments-wrapper { display: none; }
.single-meta .single-date { width: auto; padding-left: 0; font-size: 100%; }
} .flow-fa:before,
.flow-fa a:before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.flow-fa-pencil a:before { content: "\f040"; }
.attachment .single-meta .single-date { width: auto; margin-right: 30px; padding-left: 0; font-size: 100%; line-height: normal; }
.attachment .single-meta .full-size-link a { margin: 0 30px 0 0; color: #787878; font-weight: 600; }
.attachment .single-meta .full-size-link a:before { margin: 0 5px 0 0; font-weight: 400; }
.attachment .single-meta .full-size-link a:hover { color: #3B95B1; text-decoration: none; }
.attachment .single-meta .parent-post-link a { margin: 0 30px 0 0; color: #787878; font-weight: 600; }
.attachment .single-meta .parent-post-link a:before { margin: 0 5px 0 0; font-weight: 400; }
.attachment .single-meta .parent-post-link a:hover { color: #3B95B1; text-decoration: none; }
.attachment .single-meta .edit-link a { margin: 0 30px 0 0; color: #787878; font-weight: 600; }
.attachment .single-meta .edit-link a:before { margin: 0 5px 0 0; font-weight: 400; }
.attachment .single-meta .edit-link a:hover { color: #3B95B1; text-decoration: none; } .page-links { clear: both; font-size: 16px; font-weight: 700; line-height: 2.2; margin: 3em 0; text-transform: uppercase; }
.page-links a,
.page-links > span { background-color: #fff; border: 1px solid #fff; color: #000; padding: 5px 10px; text-decoration: none; }
.page-links a { background-color: #000; border: 1px solid #000; color: #fff; margin-bottom: 5px; line-height: 1.5; display: inline-block; }
.page-links a:hover { background-color: #fff; color: #000; }
.page-links .page-links-title { background: transparent; border: none; color: #000; margin-right: 10px; padding: 0; } .gallery {
margin-bottom: 2em !important;
}
.gallery-item {
float: left;
margin: auto;
overflow: hidden;
position: relative;
}   .navigation { border-top: 1px solid #d9dcdd; margin: 0 auto 25px auto; max-width: 1200px; padding-top: 20px; width: 92%; }
.navigation a { text-transform: uppercase; color: #000; text-decoration: none; font: 700 143.75%/1 Novecentowide, sans-serif; }
.navigation a:hover { text-decoration: none; } .nav-previous { line-height: 1; float: right; }
.nav-previous a { font-size: 150%; }
.nav-previous a:before { content: ">"; font: 400 75%/1.375 WebSymbolsRegular, sans-serif; float: right; padding-left: 10px; cursor: pointer; color: #000; }
.nav-previous a:hover,
.nav-previous a:hover:before { color: #3B95B1; }
.nav-next { line-height: 1; float: left; }
.nav-next a { font-size: 150%; }
.nav-next a:before { content: "<"; font: 400 75%/1.375 WebSymbolsRegular, sans-serif; float: left; padding-right: 10px; cursor: pointer; color: #000; }
.nav-next a:hover,
.nav-next a:hover:before { color: #3B95B1; } .post-navigation .nav-links { line-height: 1; }
.post-navigation .nav-links a { font-size: 150%; }
.post-navigation .nav-links a[rel="next"] { float: right; }
.post-navigation .nav-links a[rel="prev"] { float: left; }
.post-navigation .nav-links a[rel="next"]:before { content: ">"; font: 400 75%/1.375 WebSymbolsRegular, sans-serif; float: right; padding-left: 10px; cursor: pointer; color: #000; }
.post-navigation .nav-links a[rel="prev"]:before { content: "<"; font: 400 75%/1.375 WebSymbolsRegular, sans-serif; float: left; padding-right: 10px; cursor: pointer; color: #000; }
.post-navigation .nav-links a:hover,
.post-navigation .nav-links a:hover:before { color: #3B95B1; } .image-navigation { margin-bottom: 20px; }
.image-navigation .nav-links { line-height: 1; }
.image-navigation .nav-links a { display: block; font-size: 150%; }
.image-navigation .nav-links a .previous-image { float: left; }
.image-navigation .nav-links a .next-image { float: right; text-align: right; }
.image-navigation .previous-image:before { content: "<"; font: 400 75%/1.375 WebSymbolsRegular, sans-serif; float: left; padding-right: 10px; cursor: pointer; color: #000; }
.image-navigation .next-image:before { content: ">"; font: 400 75%/1.375 WebSymbolsRegular, sans-serif; float: right; padding-left: 10px; cursor: pointer; color: #000; }
.image-navigation .nav-links a:hover,
.image-navigation .previous-image:hover:before,
.image-navigation .next-image:hover:before { color: #3B95B1; }
@media (max-width: 950px) {
.nav-previous { width: 45%; text-align: right; }
.nav-previous a { font-size: 125%; }
.nav-next { float: left; width: 45%; }
.nav-next a { font-size: 125%; }
.post-navigation .nav-links a { font-size: 125%; width: 45%; }
.post-navigation .nav-links a[rel="next"] { text-align: right; }
.image-navigation .nav-links a { font-size: 125%; }
.image-navigation .nav-links a .previous-image { width: 45%; }
.image-navigation .nav-links a .next-image { width: 45%; }
}   .page-content {
margin: 0 auto;
max-width: 1200px;
width: 92%;
padding: 0 0 50px 0;
}  #comments { clear: both; position: relative; width: 92%; margin: 0 auto; max-width: 1200px; } .comments-title { border-bottom: 1px solid #d9dcdd; border-top: 2px solid #d9dcdd; padding: 15px 0; margin: 0 0 40px 0; }
.comments-title h2 { font-family: Roboto, sans-serif; color: #000; font-size: 32px; margin: 0; float: left; font-weight: 100; }
.comments-title a { font: 900 200%/1 Novecentowide, sans-serif; text-transform: uppercase; color: #000; float: right; }
.comments-title a:hover { color: #3B95B1; text-decoration: none; } .comment-list { padding: 0; margin: 0 0 25px 0; list-style: none; }
.comment-list .children li { list-style: none; }
.comment-body { border-bottom: 1px solid #d9dcdd; position: relative; font-family: Roboto, sans-serif; line-height: 1.625; padding: 40px 0; }
.comment-list > li:first-child > .comment-body { padding-top: 0; }
.comment-meta { width: 32%; float: left; }
.comment-author { }
.comment-author .avatar { float: left; margin: 0 1em 1em 0; }
.comment-author .fn { color: #000; font: 900 200%/0.75 Novecentowide, sans-serif; word-wrap: break-word; width: auto; }
.comment-author .fn a { word-wrap: break-word; color: #000; }
.comment-author .fn a:hover { text-decoration: none; color: #3B95B1; }
.says { display: none; }
.comment-metadata { color: #A9A9A9; font-family: Novecentowide, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 68.75%; line-height: 1; margin: 5px 0 0 0; }
.comment-metadata a { color: #A9A9A9; }
.comment-metadata a:hover { color: #000; text-decoration: none; }
.comment-metadata .edit-link { display: block; }
.comment-awaiting-moderation { font-size: 14px; line-height: 1; margin: 10px 0 0; }
.comment-content { width: 64%; float: right; }
.comment-content p { font-size: 112.5%; line-height: 1.5; }
.reply { bottom: 20px; right: 0; position: absolute; }
.reply a { font-size: 87.5%; text-transform: uppercase; color: #A9A9A9; }
.reply a:hover { font-weight: 700; color: #000; text-decoration: none; } .comment-navigation { margin: 0 0 25px 0; }
.comment-navigation .nav-previous { float: left; cursor: pointer; }
.comment-navigation .nav-next { float: right; cursor: pointer; }
.comment-navigation .nav-previous a,
.comment-navigation .nav-next a { font-size: 23px; text-transform: uppercase; color: #000; text-decoration: none; font-weight: 700; position: relative; line-height: 1; }
.comment-navigation .nav-previous a { padding-left: 20px; }
.comment-navigation .nav-next a { padding-right: 20px; }
.comment-navigation .nav-previous a:after,
.comment-navigation .nav-next a:after { font-family: WebSymbolsRegular, sans-serif; font-size: 17px; line-height: 1; color: #000; position: absolute; top: 0; bottom: 0; margin: auto; height: 17px; }
.comment-navigation .nav-previous a:after { content: "<"; left: 0; }
.comment-navigation .nav-next a:after { content: ">"; right: 0; }
.comment-navigation .nav-previous a:hover,
.comment-navigation .nav-next a:hover,
.comment-navigation .nav-previous a:hover:after,
.comment-navigation .nav-next a:hover:after { color: #3B95B1; } .no-comments { margin: 0 0 1em 0; color: #000; font-weight: 300; font-family: Roboto, sans-serif; border-bottom: 1px solid #d9dcdd; border-top: 2px solid #d9dcdd; padding: 15px 0; width: 100%; font-size: 150%; line-height: 1.25; }
.comments-closed { margin: 0 0 35px 0; font-size: 150%; }
.comment-body + #respond { margin-top: 20px; border-bottom: 1px solid #d9dcdd; } #respond { clear: both; }
#reply-title { clear: both; display: none; position: relative; }
#reply-title small { bottom: 0; margin: auto; position: absolute; right: 0; top: 0; }
#cancel-comment-reply-link { padding-right: 25px; color: #000; text-transform: capitalize; }
#cancel-comment-reply-link:before { content: "'"; font-family: WebSymbolsRegular, sans-serif; font-size: 81.25%; top: 2px; right: 0; position: absolute; color: #000; }
#cancel-comment-reply-link:hover,
#cancel-comment-reply-link:hover:before { color: #3B95B1; text-decoration: none; }
.comment-list #reply-title { clear: both; display: block; }
.logged-in-as { font-size: 125%; margin: 0 0 20px 0; }
.logged-in-as a { }
.must-log-in { font-size: 125%; margin: 0 0 30px; }
#commentform { }
#commentform label { font-weight: 600; margin-bottom: 10px; display: none; }
.comment-notes { display: none; }
.comment-form-author { float: left; margin-right: 3.8%; width: 30.75%; }
.comment-form-email { float: left; margin-right: 3.8%; width: 30.75%; }
.comment-form-url { float: right; width: 30.75%; }
#commentform > p:not(.comment-form-author):not(.comment-form-email):not(.comment-form-url) { clear: both; }
.comment-form-comment { margin-bottom: 20px; }
.form-allowed-tags { display: none; clear: both; margin-bottom: 20px; font-size: 100%; line-height: 1; }
.form-submit { text-align: right; margin-bottom: 20px; }
.form-submit  input[type="submit"] { background-color: transparent; color: #000; padding: 0; font: 900 200%/1 Novecentowide, sans-serif; text-transform: uppercase; }
.form-submit  input[type="submit"]:hover { color: #3B95B1; }
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"],
#commentform textarea { background: none repeat scroll 0 0 transparent; border: 1px solid #d9dcdd; padding: 7px; width: 100%; font-family: Roboto, sans-serif; font-size: 14px; }
#commentform input:-moz-placeholder,
#commentform textarea:-moz-placeholder { color: #888888; font-weight: 400; text-transform: uppercase; }
#commentform input::-webkit-input-placeholder,
#commentform textarea::-webkit-input-placeholder { color: #888888; font-weight: 400; text-transform: uppercase; }   .recent-posts-single-container { max-width: 1200px; width: 92%; margin: 0 auto; clear: both; position: relative; }
.recent-posts-single-container + .navigation { border-top: 0 none; margin: 0 auto 25px; } .recent-heading-container { max-width: 1125px; width: 92%; margin: 0 auto; clear: both; position: relative; }
.recent-blog-container { max-width: 1200px; width: 92%; margin: 0 auto -28px; clear: both; position: relative; z-index: 160; }
.recent-heading-container + .recent-blog-container { padding-top: 35px; }
.related-posts { padding: 35px 0 40px 0; background-color: #EEEEEE; }
.related-posts-title { float: left; margin-right: 3.5%; margin-left: 3.5%; width: 18%; }
.related-posts-title a { word-wrap: break-word; max-width: 100%; }
.related-posts-title small { word-wrap: break-word; max-width: 100%; }
.related-posts-title a { color: #000; font: 900 150%/1 Novecentowide, sans-serif; float: left; margin-bottom: 0.25em; }
.related-posts-title a:hover { color: #3B95B1; text-decoration: none; }
.related-posts-title small { font-family: Novecentowide, sans-serif; font-weight: 700; font-size: 11px; clear: both; text-transform: uppercase; color: #787878; display: block; }
@media (max-width: 950px) {
.single-post .recent-blog-container { margin: 0 auto 50px !important; }
}
@media (max-width: 640px) {
.related-posts { padding-bottom: 0; }
.related-posts-title { width: 100%; margin: 0 auto 3em auto; padding: 0 20px; }
.related-posts-title a { font-size: 22px; }
}
@media (max-width: 450px) {
.related-posts-title { float: left; width: 100%; margin-right: 0; }
.recent-heading h2 { display: block; overflow: visible; }
.recent-heading .spacer { display: none; }
.recent-heading a { display: none; }
}   .wpcf7-form p { margin: 0 0 10px 0; font-size: 13px; font-weight: 700; }
.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form input[type=tel],
.wpcf7-form textarea { width: 100%; }
.wpcf7-form textarea { min-height: 170px; }
.wpcf7-not-valid { border: 1px solid #c26464 !important; }
.wpcf7-form-control-wrap { display: block !important; }
.wpcf7-not-valid-tip { background: url(//www.theaterachse.com/wp-content/themes/konzept/images/contact-warning-light.png) no-repeat scroll right top transparent!important; border: none !important; color: #EE0000; display: block !important; font-size: 75%!important; height: 26px; left: auto !important; opacity: 1 !important; padding: 0 !important; position: absolute !important; right: -35px; text-indent: -9999px; top: 0 !important; width: 26px !important; }
.wpcf7-response-output { margin: 0!important; }
.wpcf7-response-output.wpcf7-mail-sent-ok,
.wpcf7-response-output.wpcf7-validation-errors { background-color: transparent !important; border: none !important; margin-bottom: 10px !important; font-size: 11px; font-weight: 600; text-transform: uppercase; padding: 0 !important; } .wpcf7 .watermark { color: #aaa; text-transform: uppercase; }
.wpcf7 .wpcf7-not-valid { color: #C26464; } .ajax-loader { display: none!important; }
input.wpcf7-submit { background: none !important; color: #000 !important; cursor: pointer; border: none !important; font-family: Novecentowide, sans-serif!important; width: auto !important; padding: 0 !important; font-size: 32px!important; font-weight: 900; text-transform: uppercase; }
input.wpcf7-submit:hover { color: #3B95B1 !important; }
.wpcf7 input[type=submit][disabled=disabled],
.wpcf7 input[type=reset][disabled=disabled],
.wpcf7 button[disabled=disabled]{ color: #aaa !important; }
.wpcf7 input[type=submit]:disabled,
.wpcf7 input[type=reset]:disabled,
.wpcf7 button:disabled { color: #aaa !important; }
@media (max-width: 950px) {
.wpcf7-not-valid-tip { right: 5px; top: 0 !important; margin: auto; bottom: 0; }
} .wp-block-button { margin-bottom: 1em; }
.wp-block-button.alignleft { margin-right: 1em; }
.wp-block-button.alignright { margin-left: 1em; }
.wp-block-cover { color: #fff; }
.wp-block-cover.alignleft { margin-right: 1em; margin-bottom: 1em; }
.wp-block-gallery { margin-bottom: 1em; }
.wp-block-gallery.alignleft { margin-right: 1em; margin-bottom: 1em; }  .symple-toggle {
margin-bottom: 1em !important;
}
.symple-toggle .symple-toggle-trigger {
padding: 0px 0px 15px 27px !important;
background: none !important;
background-color: transparent !important;
background-position: 0 10px !important;
border: 0 !important;
border-bottom: 1px solid #dcdcdc !important;
font-size: 112.5% !important;
margin: 0 !important;
margin-top: 0 !important;
color: #6B6A73 !important;
font-weight: 700 !important;
position: relative;
}
.symple-toggle .symple-toggle-trigger.active {
color: #282832 !important;
}
.symple-toggle .symple-toggle-trigger:hover {
background-color: transparent !important;
font-weight: 700 !important;
color: #282832 !important;
}
.symple-toggle .symple-toggle-container {
padding: 1em 0 !important;
border: 1px solid #ddd !important;
border: 0 !important;
border-bottom: 1px solid #dcdcdc !important;
}
.symple-toggle .symple-toggle-trigger:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; }
.symple-toggle .symple-toggle-trigger:before { color: #c7c7c7; content: "\f054"; font-size: 19px; left: 0; position: absolute; top: 1px; }
.symple-toggle .symple-toggle-trigger.active:before { content: "\f078"; color: #282832; } .symple-tabs { margin-bottom: 2em;
}
.symple-tabs ul.ui-tabs-nav li a {
height: 40px !important;
}
@media only screen and (min-width: 521px) {
.symple-tabs ul.ui-tabs-nav .ui-state-active a {
height: 43px !important;
top: -2px !important;
padding-top: 0 !important;
font-weight: 700;
}
}
@media only screen and (max-width: 520px) {
.symple-tabs ul.ui-tabs-nav li {
height: auto !important;
}
.symple-tabs ul.ui-tabs-nav li a {
min-height: 40px !important;
height: auto !important;
}
} .symple-accordion {
margin-bottom: 2em;
}
.symple-accordion h3.symple-accordion-trigger {
border: none !important;
margin: 5px 0 0 !important;
}
.symple-accordion .ui-accordion-content { overflow: auto;
} .symple-pricing-table > div {
margin-bottom: 2em !important;
}
.symple-pricing-table .symple-pricing-content ul {
padding: 0 !important;
} .symple-callout {
margin-bottom: 2em;
} .symple-skillbar {
margin-bottom: 1em;
} .symple-testimonial {
margin-bottom: 2em;
} .symple-box {
margin-bottom: 2em !important;
} .container { width: 100%; }
.row { width: 92%; max-width: 1200px; margin: 0 auto; }
.row:after, .row:before { content: " "; display: table; }
.row:after { clear: both; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12  { float: left; position: relative; margin-right: 3.8%; min-height: 1px; }
.grid_1 { width: 4.85%; }
.grid_2 { width: 13.45%; }
.grid_3 { width: 22.05%; }
.grid_4 { width: 30.75%; }
.grid_5 { width: 39.45%; }
.grid_6 { width: 48%; }
.grid_7 { width: 56.75%; }
.grid_8 { width: 65.4%; }
.grid_9 { width: 74.05%; }
.grid_10 { width: 82.7%; }
.grid_11 { width: 91.35%; }
.grid_12 { width: 100%; }
.last { margin-right: 0; }
.grid_responsive_only { display: none; }
.push_1 { left: 8.65%; }
.push_2 { left: 17.25%; }
.push_3 { left: 25.85%; }
.push_4 { left: 34.55%; }
.push_5 { left: 43.25%; }
.push_6 { left: 51.8%; }
.push_7 { left: 60.55%; }
.push_8 { left: 69.2%; }
.push_9 { left: 77.85%; }
.push_10 { left: 86.5%; }
.push_11 { left: 95.15%; }
.pull_1_last { left: -8.65%; }
.pull_2_last { left: -17.25%; }
.pull_3_last { left: -25.85%; }
.pull_4_last { left: -34.55%; }
.pull_5_last { left: -43.25%; }
.pull_6_last { left: -51.8%; }
.pull_7_last { left: -60.55%; }
.pull_8_last { left: -69.2%; }
.pull_9_last { left: -77.85%; }
.pull_10_last { left: -86.5%; }
.pull_11_last { left: -95.15%; }
.pull_1 { left: -4.85%; }
.pull_2 { left: -13.45%; }
.pull_3 { left: -22.05%; }
.pull_4 { left: -30.75%; }
.pull_5 { left: -39.45%; }
.pull_6 { left: -48.0%; }
.pull_7 { left: -56.75%; }
.pull_8 { left: -65.4%; }
.pull_9 { left: -74.05%; }
.pull_10 { left: -82.7%; }
.pull_11 { left: -91.35%; }
@media (max-width: 720px) {
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12  { width: 100%; margin: 0; }
.grid_not_responsive { display: none; }
.grid_responsive_only { display: block; }
.push_1, .push_2, .push_3, .push_4, .push_5, .push_6, .push_7, .push_8, .push_9, .push_10, .push_11, .push_12  { left: 0; }
.pull_1, .pull_2, .pull_3, .pull_4, .pull_5, .pull_6, .pull_7, .pull_8, .pull_9, .pull_10, .pull_11, .pull_12  { left: 0; }
.pull_1_last, .pull_2_last, .pull_3_last, .pull_4_last, .pull_5_last, .pull_6_last, .pull_7_last, .pull_8_last, .pull_9_last, .pull_10_last, .pull_11_last, .pull_12_last  { left: 0; }
}
.symple-one-half, .symple-one-third, .symple-two-third, .symple-three-fourth, .symple-one-fourth, .symple-one-fifth, .symple-two-fifth, .symple-three-fifth, .symple-four-fifth, .symple-one-sixth, .symple-five-sixth { margin-bottom: 0 !important; } .map_canvas { height: 355px; width: 100%; float: left; margin-bottom: 3em; }
.map_canvas img { max-width: none !important; }  .portfolio-container { display: none; }
body.viewing-portfolio-grid .portfolio-container { display: block; }
body.viewing-portfolio-grid .entry-header,
body.viewing-portfolio-grid .recent-posts-single-container,
body.viewing-portfolio-grid .post-navigation,
body.viewing-portfolio-grid .page-template-wrapper,
body.viewing-portfolio-grid .archive-template-wrapper,
body.viewing-portfolio-grid .search-template-wrapper,
body.viewing-portfolio-grid .blog-template-wrapper,
body.viewing-portfolio-grid .single-template-wrapper { display: none; }
.tn-grid-container { clear: both; max-width: 1600px; width: 100%; margin: 0 auto; }
.text-grid { width: 92%; padding: 20px 0 20px 0; border-top: 1px solid #ADADAD; }
#container { max-width: 1600px; width: 100%; margin: 0 auto; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.konzept-thumbnails-container,
.konzept-projects-list { max-width: 1600px; margin: 0 auto; width: 100%; min-height: 1px; clear: both; }
.konzept-projects-list { width: 92%; padding: 20px 0 20px 0; border-top: 1px solid #adadad; border-bottom: 1px solid #adadad; }
.konzept-thumbnail { width: 25%; float: left; position: relative; max-width: 400px; overflow: hidden; margin: 0; word-wrap: break-word; border-radius: 0px; }
.konzept-thumbnail:hover { cursor: pointer; }
.konzept-thumbnail * { position: absolute; margin: 0; }
.konzept-thumbnail .thumbnail-meta-data-wrapper { overflow: hidden; left: 0;  top: 0;  padding: 32px 32px 0 32px; width: 100%; word-wrap: break-word; }
.konzept-thumbnail .thumbnail-title { color: #fff; text-transform: uppercase; font-family: 700 212.5%/0.8125 Novecentowide, sans-serif; position: relative; float: left; width: inherit; word-wrap: break-word; z-index: 3; overflow: hidden; max-height: 1.6em; width: 100%; }
.konzept-thumbnail .thumbnail-meta-data-wrapper .thumbnail-title .thumbnail-project-link { max-width: 100%; position: relative; }
.konzept-thumbnail .thumbnail-categories { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; z-index: 3; color: #fff; max-width: 100%; position: relative; text-transform: uppercase; clear: both; display: block; font: 600 68.75%/0.75 Novecentowide, sans-serif; margin-top: 10px; float: left; word-wrap: break-word; }
.konzept-thumbnail .thumbnail-image { z-index: 1; width: 100%; position: relative; display: block; max-width: 100%; height: auto !important; }
.konzept-thumbnail .thumbnail-plus { font: 700 275%/0.5 Novecentowide, sans-serif; position: absolute; bottom: 0; left: 0; padding: 0 0 28px 32px; clear: both; float: left; color: #fff; z-index: 3; }
.thumbnail-hover { z-index: 2; }
.thumbnail-hover,
.thumbnail-title,
.thumbnail-categories,
.thumbnail-plus { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.25s ease-in-out, visibility 0s linear 0.25s; transition: opacity 0.25s ease-in-out, visibility 0s linear 0.25s; }
.konzept-thumbnail:hover .thumbnail-hover,
.konzept-thumbnail:hover .thumbnail-title,
.konzept-thumbnail:hover .thumbnail-categories,
.konzept-thumbnail:hover .thumbnail-plus  { opacity: 1; visibility: visible; -webkit-transition: opacity 0.25s ease-in-out, visibility 0s;  transition: opacity 0.25s ease-in-out, visibility 0s; }
.thumb-inactive .thumbnail-image { opacity: 0.1; }
.thumb-inactive:hover .thumbnail-hover  { opacity: 0.25; }
.thumb-inactive:hover .thumbnail-title,
.thumb-inactive:hover .thumbnail-categories,
.thumb-inactive:hover .thumbnail-plus  { opacity: 0.9; }
.element { cursor: pointer; float: left; overflow: hidden; position: relative; color: #222; width: 25%; max-width: 400px; word-wrap: break-word; }
.thumbnail-link { background-color: rgba(255, 255, 255, 0.01); width: 100%; height: 100%; position: absolute; text-indent: -9999px; z-index: 4; }
.thumbnail-project-link { background-color: rgba(255, 255, 255, 0.01); width: 100%; height: 100%; position: absolute; text-indent: -9999px; z-index: 4; }
.thumbnail-link-title { }
.element .thumbnail-meta-data-wrapper { left: 0; top: 0; padding: 32px 32px 0 32px; width: 100%; position: absolute; word-wrap: break-word; }
.element .symbol { color: #fff; font: 700 212.5%/0.8125 Novecentowide, sans-serif; width: 100%; position: relative; text-transform: uppercase; z-index: 3; }
.element .categories { display: block; position: relative; clear: both; left: 0; z-index: 3; max-width: 100%; margin-top: 10px; color: #fff; font: 600 68.75%/1 Novecentowide, sans-serif; text-transform: uppercase; word-wrap: break-word; }
.thumbnail-plus { font-size: 275%; font-family: Novecentowide, sans-serif; position: absolute; bottom: 0; left: 0; padding: 0 0 28px 32px; line-height: 0.5; clear: both; float: left; color: #ffffff; font-weight: 700; z-index: 3; }
.thumbnail-separator { display: none; }
.thumbnail-hover { width: 100%; height: 100%; position: absolute; z-index: 2; }
.project-img { width: 100%; max-width: 100%; height: auto; opacity: 0; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; position: relative; display: block; z-index: 1; }
.project-img-visible { opacity: 1; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; }
.project-thumbnail-background { width: 100%; height: 100%; position: absolute; z-index: 0; top: 0; left: 0; }
.element .thumbnail-hover,
.element .symbol,
.element .name,
.element .categories,
.element  .thumbnail-plus { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.25s ease-in-out, visibility 0s linear 0.25s; transition: opacity 0.25s ease-in-out, visibility 0s linear 0.25s; }
.element:hover .thumbnail-hover,
.element:hover .symbol,
.element:hover .categories,
.element:hover .thumbnail-plus { opacity: 1; visibility: visible; -webkit-transition: opacity 0.25s ease-in-out, visibility 0s; transition: opacity 0.25s ease-in-out, visibility 0s; }
.tn-display-meta .symbol,
.tn-display-meta .categories,
.tn-display-meta  .thumbnail-plus { opacity: 1; visibility: visible; }
.thumb-inactive .project-img { opacity: 0.1; } .element-text { background-color: transparent; width: auto; max-width: none; }
.element-text .thumbnail-link-title { background-color: transparent; color: transparent; display: inline-block; width: auto; height: auto; position: relative; cursor: pointer; font-family: Novecentowide, sans-serif; font-size: 72px; font-weight: 600; line-height: 1.25; text-indent: 0; text-transform: uppercase; word-wrap: break-word; }
.element-text .thumbnail-link-title:before { content: attr(data-title); color: #000; position: absolute; font-weight: 200; }
.element-text.thumb-inactive .thumbnail-link-title:before { text-shadow: 0 0 5px #101010; opacity: 0.22; color: transparent; }
.element-text:hover .thumbnail-link-title:before,
.element-text.thumb-inactive:hover .thumbnail-link-title:before { color: #3b95b1; font-weight: 600; opacity: 1; text-decoration: none; text-shadow: none; }
.element-text .thumbnail-link-title:before, .element-text:hover .thumbnail-link-title:before {
transition-property: font-weight, color, text-shadow;
transition-duration: 300ms, 1s, 600ms;
transition-timing-function: ease-in-out;
-webkit-transition-property: font-weight, color, text-shadow;
-webkit-transition-duration: 300ms, 1s, 600ms;
-webkit-transition-timing-function: ease-in-out;
}
.element-text + .thumbnail-separator { display: block; color: #000; content: "/"; font-size: 72px; line-height: 1.25; float: left; margin: 0 20px; font-weight: 200; }
.element-text.thumb-inactive + .thumbnail-separator { display: block; color: transparent; opacity: 0.2; text-shadow: 0 0 5px #101010; }
.thumbnail-separator:last-child { display: none; }
.element-text .thumbnail-meta-data-wrapper,
.element-text .symbol,
.element-text .categories,
.element-text .thumbnail-plus,
.element-text .thumbnail-hover,
.element-text .project-img,
.element-text .project-thumbnail-background { display: none; } .daisho-portfolio-viewing-project { overflow: hidden; } .project-navigation,
.portfolio-arrowleft,
.portfolio-arrowright { display: none; }
.daisho-portfolio-viewing-project .project-navigation,
.daisho-portfolio-viewing-project .portfolio-arrowleft,
.daisho-portfolio-viewing-project .portfolio-arrowright { display: block; outline: 0 none; }     .portfolio-arrowleft,
.portfolio-arrowright { visibility: hidden; opacity: 0; position: fixed; top: 100px; bottom: 100px; left: 0; z-index: 305; width: 80px; height: 200px; margin: auto; text-indent: -9999px; cursor: pointer; -webkit-transition: visibility 0s linear 0.25s, opacity 0.25s ease-out; transition: visibility 0s linear 0.25s, opacity 0.25s ease-out; }
.admin-bar .portfolio-arrowleft,
.admin-bar .portfolio-arrowright { top: 132px; }
.portfolio-arrowleft { left: 0; right: auto; background: url(//www.theaterachse.com/wp-content/themes/konzept/images/cursors/cursor_prevproject_black.png) no-repeat center center transparent; }
.portfolio-arrowright { left: auto; right: 0; background: url(//www.theaterachse.com/wp-content/themes/konzept/images/cursors/cursor_nextproject_black.png) no-repeat center center transparent; }
.portfolio-arrowleft-white { background: url(//www.theaterachse.com/wp-content/themes/konzept/images/cursors/cursor_prevproject_white.png) no-repeat center center transparent; }
.portfolio-arrowright-white { background: url(//www.theaterachse.com/wp-content/themes/konzept/images/cursors/cursor_nextproject_white.png) no-repeat center center transparent; }
.portfolio-is-loading .portfolio-arrowleft-visible,
.portfolio-is-loading .portfolio-arrowright-visible { visibility: visible; opacity: 0.3; }
.cursor-in-viewport.daisho-portfolio-viewing-project .portfolio-arrowleft-visible,
.cursor-in-viewport.daisho-portfolio-viewing-project .portfolio-arrowright-visible { visibility: visible; opacity: 0.3; -webkit-transition: visibility 0s linear 0s, opacity 0.25s linear; transition: visibility 0s linear 0s, opacity 0.25s linear; }
.cursor-in-viewport.daisho-portfolio-viewing-project .portfolio-arrowright-visible:hover,
.cursor-in-viewport.daisho-portfolio-viewing-project .portfolio-arrowleft-visible:hover,
.portfolio-is-loading.daisho-portfolio-viewing-project .portfolio-arrowleft-visible:hover,
.portfolio-arrowleft-visible:hover,
.portfolio-arrowright-visible:hover { visibility: visible; opacity: 1; }
.daisho-portfolio-viewing-project .hide-arrow { display: none; } .project-arrow-left,
.project-arrow-right { visibility: hidden; opacity: 0; position: absolute; top: 100px; bottom: 100px; left: 0; z-index: 2; width: 96px; height: 200px; margin: auto; cursor: pointer; -webkit-transition: visibility 0s linear 0.25s, opacity 0.25s ease-out; transition: visibility 0s linear 0.25s, opacity 0.25s ease-out; }
.cursor-in-viewport.daisho-portfolio-viewing-project .project-arrow-left,
.cursor-in-viewport.daisho-portfolio-viewing-project .project-arrow-right { -webkit-transition: visibility 0s linear 0s, opacity 0.25s linear; transition: visibility 0s linear 0s, opacity 0.25s linear; }
.project-arrow-right { right: 0; left: auto; }
.project-arrow-left-visible { background: url(//www.theaterachse.com/wp-content/themes/konzept/images/cursors/cursor_prev_black.png) no-repeat center center transparent; }
.project-arrow-right-visible { background: url(//www.theaterachse.com/wp-content/themes/konzept/images/cursors/cursor_next_black.png) no-repeat center center transparent; }
.white .project-arrow-left-visible { background-image: url(//www.theaterachse.com/wp-content/themes/konzept/images/cursors/cursor_prev_white.png); }
.white .project-arrow-right-visible { background-image: url(//www.theaterachse.com/wp-content/themes/konzept/images/cursors/cursor_next_white.png); }
.project-arrow-loading { background: url(//www.theaterachse.com/wp-content/themes/konzept/images/cursors/cursor_preloader_black_a.gif) no-repeat center center transparent; }
.white .project-arrow-loading { background: url(//www.theaterachse.com/wp-content/themes/konzept/images/cursors/cursor_preloader_white_a.gif) no-repeat center center transparent; }
.cursor-in-viewport.daisho-portfolio-viewing-project .project-arrow-left-visible { visibility: visible; opacity: 0.3; }
.cursor-in-viewport.daisho-portfolio-viewing-project .project-arrow-right-visible { visibility: visible; opacity: 0.3; }
.project-arrow-left-visible.project-arrow-loading { visibility: visible; opacity: 0.3; }
.project-arrow-right-visible.project-arrow-loading { visibility: visible; opacity: 0.3; }
.cursor-in-viewport.daisho-portfolio-viewing-project .project-arrow-left-visible:hover { opacity: 1; }
.cursor-in-viewport.daisho-portfolio-viewing-project .project-arrow-right-visible:hover { opacity: 1; } .project-meta { text-transform: uppercase; color: #000; position: relative; width: 100%; max-width: 700px; }
.project-meta-col-1 { float: left; width: 310px; max-width: 310px; min-width: 310px; margin-right: 40px; }
.project-meta-col-2 { float: left; max-width: 310px; }
.project-meta-data { margin-bottom: 5px; font-size: 75%; }
.project-meta-heading { float: left; font: 900 100%/1 Novecentowide, sans-serif; padding-right: 10px; width: 75px; word-wrap: break-word; }
.project-meta-description { color: #505050; float: left; font: 400 100%/1 Novecentowide, sans-serif; width: 225px; word-wrap: break-word; }
.project-meta-description a { text-decoration: underline; } .sharing-icons { position: absolute; right: 130px; top: 40px; z-index: 10; }
.sharing-icons a { display: inline-block; text-align: center; text-decoration: none; font-family: WebSymbolsRegular; font-size: 16px; width: 16px; color: #000; position: relative; margin-left: 18px; }
.sharing-icons a:hover { color: #000; text-decoration: none; }
.sharing-icons a:first-child { margin-left: 0; }
.sharing-icons-tooltip { position: absolute; bottom: -18px; left: 8px; margin-left: -35px; width: 70px; color: #fff; font: 10px Novecentowide, sans-serif; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s linear 470ms, opacity 450ms 20ms ease-out, bottom 450ms 20ms ease-out; transition: visibility 0s linear 470ms, opacity 450ms 20ms ease-out, bottom 450ms 20ms ease-out; }
.sharing-icons-icon:hover + .sharing-icons-tooltip { visibility: visible; opacity: 1; bottom: -27px; -webkit-transition: visibility 0s linear, opacity 70ms linear, bottom 70ms linear; transition: visibility 0s linear, opacity 70ms linear, bottom 70ms linear; }
.sharing-icons-tooltip:after { color: #fff; content: attr(data-tooltip); font: 600 10px/1.5 Novecentowide, sans-serif; display: inline-block; padding: 2px 6px; text-transform: uppercase; background-color: #000; border-radius: 4px 4px 4px 4px; }
.white .sharing-icons a { color: #fff; } .project-title { color: #000; font: 900 1000%/0.75 Novecentowide, sans-serif; margin: 0.375em 0; text-transform: uppercase; letter-spacing: -4px; width: 100%; word-wrap: break-word; max-width: 1200px; }
.project-description { color: #000; font: 400 137.5%/1.25 Roboto, sans-serif; margin-bottom: 3em; }
.project-description:empty { margin: 0; } .project-slides p { margin-bottom: 1em; }
.project-slides .wp-caption-text { margin-bottom: 1.75em; margin-top: 10px; font-style: normal; }
.project-slides .wp-caption-text span.caption-title { color: #000; text-transform: uppercase; font-size: 125%; font-weight: 800; line-height: 1; margin: 0 0 0.5em 0; display: block; }
.project-slides .wp-caption-text span.caption-title + br { display: none; }
.project-slides .wp-caption-text.superslide-caption-text { font-size: 87.5%; }
.project-slides iframe { display: block; }
.project-slides .mejs-container { margin-bottom: 1em; } .project-slide img { max-width: 100%; }
.youtube_container { padding-bottom: 56.25%; position: relative; }
.youtube_container iframe,
.youtube_container embed { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.project-slides .wp-caption-text h4 { color: #000; text-transform: uppercase; font-size: 125%; font-family: Roboto, sans-serif; font-weight: 800; line-height: 1; margin: 0 0 0.5em 0; display: block; } .portfolio_box { z-index: 210; opacity: 0; visibility: hidden; margin: 0 auto; position: fixed; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; z-index: 300; -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear; transition: visibility 0s linear 0.2s, opacity 0.2s linear; }
.admin-bar .portfolio_box { top: 32px; height: -webkit-calc(100% - 32px); }
.portfolio_box-visible { opacity: 1; visibility: visible; -webkit-transition: visibility 0s linear 0s, opacity 0.25s linear; transition: visibility 0s linear 0s, opacity 0.25s linear; }
#project-slides { overflow: hidden; position: relative; height: 100%; }
.project-slide { position: relative; float: left; overflow: hidden; cursor: -webkit-grab; height: 100%;  -webkit-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; }
.project-slide:active { cursor: -webkit-grabbing; }
.project-slide-invisible { opacity: 0; }
.project-slide-image { margin: 0 auto; cursor: -webkit-grab; }
.project-slides img { max-width: 100%; position: relative; display: block; margin: 0 auto; }
.project-slide-image,
.project-slide-video,
.project-slide-youtube,
.project-slide-vimeo { margin: 0 auto; height: 100%; }
.project-slides embed,
.project-slides iframe { width: 100%; height: 100%; }
@media (any-hover: none) {
.project-slides embed,
.project-slides iframe,
.project-slides video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 50%; height: calc(100% - 200px); height: -webkit-calc(100% - 200px); margin: auto; }
}
.project-slide .description { position: absolute; left: 0; bottom: 4%; padding: 0 4%; color: #464646; font-family: Roboto, sans-serif; font-size: 14px; max-width: 600px; width: 100%; }
.project-slide .description h4 { color: #000; font-size: 20px; font-family: Novecentowide, sans-serif; text-transform: uppercase; clear: both; margin-bottom: 10px; }
.project-slide.cursor-white .description { color: #BFBFBF; }
.project-slide.cursor-white .description h4 { color: #fff; } .project-slide-cover { height: 100%; }
.cover-wrapper { display: table; width: 92%; height: 100%; max-width: 1200px; margin: 0 auto; }
.cover-inner { vertical-align: middle; display: table-cell; }   .youtube_container { padding-bottom: 56.25%; position: relative; margin-bottom: 3em; }
.youtube_container iframe, .youtube_container embed { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.project-slide-video video { display: block; margin: 0 auto; height: 100%; width: 100%; background-color: rgb(0, 0, 0); }
.project-slide-youtube .youtube_container { max-width: 92%; margin: auto; max-height: 92%; padding: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 50%; }
.project-slide-youtube .youtube_container iframe, .project-slide-youtube .youtube_container embed { position: absolute; left: 0; top: 0; bottom: 0; height: 56.25%; width: 100%; margin: auto; }
.video-wrapper { width: 100%; height: 100%; background-color: rgb(221, 221, 221); }
.watching-video .video-wrapper { background-color: #000; }
.video-play { width: 100px; height: 100px; background: url(//www.theaterachse.com/wp-content/themes/konzept/images/play.png) no-repeat scroll center center transparent; cursor: pointer; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 10; }
.video-play:hover { opacity: .75; }
.video-poster { z-index: 5; }
.exit { background: url(//www.theaterachse.com/wp-content/themes/konzept/images/close.png) no-repeat center center transparent; cursor: pointer; display: block; height: 56px; right: 45px; top: 25px; width: 57px; position: absolute; background-color: rgba(0, 0, 0, .9); display: none; z-index: 10; }
.exit-visible { display: block; }
.watching-video { cursor: default; }
.element video { max-width: none; z-index: -1; } .portfolio-arrow-left { visibility: hidden; opacity: 0; top: 0; left: 0; width: 50%; height: 100%; position: fixed; z-index: 210; }
.portfolio-arrow-right { visibility: hidden; opacity: 0; top: 0; right: 0; width: 50%; height: 100%; position: fixed; z-index: 210; }
body.konzept-portfolio-viewing-project .portfolio-arrow-left { visibility: visible; opacity: 1; }
body.konzept-portfolio-viewing-project .portfolio-arrow-right { visibility: visible; opacity: 1; }
.portfolio-arrow-left { cursor: url(//www.theaterachse.com/wp-content/themes/konzept/images/cursors/cursor_prev_black.png), auto; }
.portfolio-arrow-left-first { cursor: url(//www.theaterachse.com/wp-content/themes/konzept/images/cursors/cursor_prevproject_black.png), auto; }
.portfolio-arrow-right { cursor: url(//www.theaterachse.com/wp-content/themes/konzept/images/cursors/cursor_next_black.png), auto; }
.portfolio-arrow-right-last { cursor:url(//www.theaterachse.com/wp-content/themes/konzept/images/cursors/cursor_nextproject_black.png), auto; }
.portfolio-arrow-left-white { cursor: url(//www.theaterachse.com/wp-content/themes/konzept/images/cursors/cursor_prev_white.png), auto; }
.portfolio-arrow-left-first-white { cursor: url(//www.theaterachse.com/wp-content/themes/konzept/images/cursors/cursor_prevproject_white.png), auto; }
.portfolio-arrow-right-white { cursor: url(//www.theaterachse.com/wp-content/themes/konzept/images/cursors/cursor_next_white.png), auto; }
.portfolio-arrow-right-last-white { cursor:url(//www.theaterachse.com/wp-content/themes/konzept/images/cursors/cursor_nextproject_white.png), auto; } .portfolio-loadingbar { display: none; z-index: 1905 !important; position: fixed; height: 100%; left: -400px; height: 150%; top: 0; bottom: 0; margin: auto;  }
.portfolio-loadingbar-visible { display: block; }
.portfolio-loadinghr { background-color: #838283; width: 1px;transform: rotate(15deg); -moz-transform: rotate(15deg); -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); float: left; height: 100%; }
.portfolio-indicator { font-size: 20px; font-family: Novecentowide, Arial, sans-serif; font-weight:300; color: #838283; height: 100%; display: block; float: left; top: 50%; position: relative; }
.loading { background-image: url(//www.theaterachse.com/wp-content/themes/konzept/images/cursors/cursor_preloader_white_a.gif); height: 70px; width: 70px; background-repeat: no-repeat; position: fixed; top: 45.5%; left: 48%; display: none; z-index: 234; opacity: 0; }
.portfolio-loadingcursor-black { display: none; } .project-coverslide { width: 100%; height: 100%; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 240; opacity: 0; visibility: hidden; }
.project-coverslide-visible { opacity: 0.97; visibility: visible; }  .portfolio-video-container { position: fixed; top: 0; left: 0; z-index: 2000; width: 100%; height: 100%; }
.admin-bar .portfolio-video-container { top: 32px; height: calc(100% - 32px); height: -webkit-calc(100% - 32px); }
.portfolio-video-container embed,
.portfolio-video-container iframe { width: 100%; height: 100%; }
@media (any-hover: none) {
.portfolio-video-container embed,
.portfolio-video-container iframe,
.portfolio-video-container video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 50%; height: calc(100% - 200px); height: -webkit-calc(100% - 200px); margin: auto; }
}
.portfolio-video-container .exit { background: url(//www.theaterachse.com/wp-content/themes/konzept/images/close.png) no-repeat center center transparent; cursor: pointer; display: block; height: 56px; right: 45px; top: 25px; width: 57px; position: absolute; background-color: rgba(0, 0, 0, .9); z-index: 2; } .portfolio-cancelclose { background: url(//www.theaterachse.com/wp-content/themes/konzept/images/close-black.png) no-repeat 0 0 transparent; cursor: pointer; display: block; height: 36px; right: 50px; top: 35px; width: 37px; z-index: 1; position: absolute; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }
.portfolio-cancelclose-white { background: url(//www.theaterachse.com/wp-content/themes/konzept/images/close.png) no-repeat 0 0 transparent; }
.portfolio-cancelclose:hover { -webkit-transform: rotate(180deg); transform:rotate(180deg); }
.portfolio-cancelclose { background-position: center center; height: 56px; right: 45px; top: 25px; width: 57px; }
.white .portfolio-cancelclose { background: url(//www.theaterachse.com/wp-content/themes/konzept/images/close.png) no-repeat center center transparent; }
.portfolio-cancelclose-cover { background: url(//www.theaterachse.com/wp-content/themes/konzept/images/close-black.png) no-repeat center center transparent; }
.white .portfolio-cancelclose-cover { background: url(//www.theaterachse.com/wp-content/themes/konzept/images/close.png) no-repeat center center transparent; } .project-slides > form { position: absolute; background: #fff; background: rgba(255, 255, 255, 0.96); width: 100vw; height: 100%; display: -ms-flex; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; justify-content: center; text-align: center; padding-top: 50px; }
.project-slides > form > p { display: -ms-flex; display: -webkit-flex; display: flex; max-width: 92%; margin: 0 auto 1em auto; }
.project-slides > form > p > label > input  { margin-right: 5px; } .sidebar-right .content-area { width: 74.05%; float: left; margin-right: 3.8%; min-height: 1px; }
.sidebar-left .content-area { width: 74.05%; float: right; margin-right: 0; min-height: 1px; }
.site-sidebar { float: left; min-height: 1px; padding-left: 3%; position: relative; width: 22.05%; }
.sidebar-left .site-sidebar { padding-left: 0; padding-right: 3%; }
.sidebar-left:not(.single) .blog-comments-wrapper { display: none; }
.sidebar-shadow {
background: transparent;
background-image: -moz-radial-gradient(left center, ellipse farthest-side, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.15) 10%, transparent 100%), -moz-linear-gradient(left , rgba(0, 0, 0, 0.03) 0%, transparent 10%, transparent 100%);
background-image: -ms-radial-gradient(left, ellipse farthest-side, rgba(0,0,0,.35) 0%, rgba(0, 0, 0, .25) 10%, rgba(0,0,0,0) 100%);
background-image: -o-radial-gradient(left, ellipse farthest-side, rgba(0,0,0,.35) 0%, rgba(0, 0, 0, .25) 10%, rgba(0,0,0,0) 100%);
background-image: radial-gradient(left, ellipse farthest-side, rgba(0,0,0,.35) 0%, rgba(0, 0, 0, .25) 10%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear,left top,right top,from(rgba(0, 0, 0, .35)), color-stop(10%,rgba(0, 0, 0, .25)), to(transparent));
-webkit-mask-box-image: -webkit-gradient(linear,left top,right bottom,color-stop(0.0,rgba(0,0,0,0)),color-stop(0.3,rgba(0,0,0,.5)),color-stop(1.0,rgba(0,0,0,0)));
width: 20px;
position: absolute;
height: 100%;
top: 0;
left: 0;
}
.sidebar-left .sidebar-shadow {
left: auto;
right: 0;
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
-ms-filter: fliph;
filter: fliph;
} .widget { position: relative; margin-bottom: 3rem; clear: both; }
.widget a { color: inherit; }
.widget a:hover { color: #3B95B1; text-decoration: none; }
.widget-title { font-size: 150%; }
.widget ul { list-style: none outside none; margin: 0; padding: 0; }
.widget_archive ul li,
.widget_categories ul li,
.widget_links ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li,
.widget_pages ul li { border-top: 1px solid #E6E6E6; position: relative; padding-left: 20px; }
.widget-title + ul > li:first-child { border-top: 0 none; }
.widget_archive ul li,
.widget_categories ul li, .widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li { padding: 0.4em 0 0.4em 20px; }   .widget_links ul li a,
.widget_meta ul li a,
.widget_nav_menu ul li a,   .widget_pages ul li a { display: block; padding: 0.4em 0; }
.widget_archive ul li a,
.widget_categories ul li a,
.widget_links ul li a,
.widget_meta ul li a,
.widget_nav_menu ul li a,
.widget_recent_comments ul li a,
.widget_recent_entries ul li a,
.widget_rss ul li a,
.widget_pages ul li a { font-weight: 600; }
.widget_categories .children li { border-top: 1px solid #E6E6E6; margin-top: 0.4em; }
.widget_categories .children li:last-child { padding-bottom: 0; }
.widget_archive > ul,
.widget_categories > ul,
.widget_links > ul,
.widget_meta > ul,
.widget_nav_menu > div > ul,
.widget_recent_comments > ul,
.widget_recent_entries > ul,
.widget_rss > ul,
.widget_pages > ul { border-bottom: 1px solid #E6E6E6; }
.widget_archive ul li a:before,
.widget_categories ul li a:before,
.widget_links ul li a:before,
.widget_meta ul li a:before,
.widget_nav_menu ul li a:before,
.widget_recent_comments ul li:before,
.widget_recent_entries ul li a:before,
.widget_rss ul li a:before,
.widget_pages ul li a:before { content: ">"; font-family: WebSymbolsRegular, sans-serif; font-size: 81.25%; top: 0.625em; left: 0; position: absolute; color: #3B95B1; }
.widget .current-menu-item > a,
.widget .current_page_item > a,
.widget_categories .current-cat > a { font-weight: 700; color: #3B95B1; }
.widget_tag_cloud a { text-decoration: none; font-weight: 400; line-height: 1; color: #000; }
.widget_tag_cloud a:hover { text-decoration: none; color: #3B95B1; }
.widget_recent_entries .post-date,
.widget_rss .rss-date,
.widget_rss li > cite { font-size: 75%; }
.widget_rss .rsswidget { font-weight: 700; }
.widget_rss .rssSummary { font-size: 87.5%; }
.widget_rss .rss-date { display: block; }
.site-footer .widget-title { border-bottom: 3px solid #d9dcdd; padding-bottom: 15px; margin: 0 0 15px 0; }
.search-form input[type="search"] { width: 100%; padding: 7px; margin: 0; border-radius: 0; box-shadow: 0 none; }
.search-form input[type="submit"] { display: none; } .site-footer { background-color: #191718; background-color: rgba(25, 23, 24, 0.86); font-family: Roboto, sans-serif; z-index: 150; width: 100%; color: #787882; margin-top: 25px; position: fixed; bottom: 0; left: 0; }
.site-footer:hover { background-color: rgba(25, 23, 24, 1); }
.viewing-portfolio-grid .site-footer { margin-top: 0; }
.site-footer, .site-footer:hover { -webkit-transition: background-color 1s ease-in-out; transition: background-color 1s ease-in-out; }
.site-footer .inner { max-width: 1200px; margin: 0 auto; width: 92%; padding: 7px 0 5px 0; }
.site-footer hr { border-top: 2px solid #d9dcdd; border-bottom: 1px solid #d9dcdd; margin: 20px auto; width: 100%; height: 0; }
.site-footer .inner > div > .widget:first-child hr:first-child { margin-top: 0; }
.site-footer .footer-client-logos img { width: 20%; max-width: 220px; float: left; }
.site-footer .footer-social-icons { float: right; padding: 0; margin: 0; line-height: 1; }
.site-footer .footer-social-icons li { float: left; margin-left: 20px; }
.site-footer .footer-social-icons a { position: relative; text-decoration: none; cursor: pointer; display: block; font-family: WebSymbolsRegular; font-size: 100%; color: #5c5c5c; }
.site-footer .footer-social-icons a:hover { color: #939393; text-decoration: none; }
.site-footer .footer-fa { line-height: 1; text-align: right; }
.site-footer .footer-fa a { color: #5c5c5c; font-size: 18px; margin-left: 18px; }
.site-footer .footer-fa a:hover { color: #939393; text-decoration: none; }
.site-footer .copyright_notice { font: 500 62.125%/1.75 Novecentowide, sans-serif; color: #919495; } .viewing-portfolio-grid .site-content { display: none; }
.viewing-portfolio-grid .comments-area { display: none; }
.viewing-portfolio-grid .page-header { display: none; }
.viewing-portfolio-grid .paging-navigation { display: none; }
.blog.viewing-portfolio-grid .compact-search,
.single.viewing-portfolio-grid .compact-search { display: none; }
@media (min-width: 721px){
.header-compact:not(.viewing-portfolio-grid) .site-header-inner { min-height: 60px; }
.header-compact:not(.viewing-portfolio-grid) .site-navigation { display: none; }
.header-compact:not(.viewing-portfolio-grid) .logo { display: none; }
.header-compact:not(.viewing-portfolio-grid) .conatainer_language_selector { display: none; }
.header-compact:not(.viewing-portfolio-grid) .back { display: block; }
.header-compact:not(.viewing-portfolio-grid) .header-back-to-top { display: block; }
.header-compact:not(.viewing-portfolio-grid) .compact-search { display: block; }
}
@media (max-width: 782px) {
.admin-bar .site-header { top: 46px; }
}
@media (max-width: 720px) {
body { padding: 0 !important; }
.site-header { position: relative; background-color: transparent; }
.admin-bar .site-header { top: 0; }
.site-header,
.site-header:hover { transition: none; -webkit-transition: none; }
.site-navigation { float: none; width: 100%; }
.menu-main-menu-container { float: none; width: 100%; padding-top: 0; margin-bottom: 0; }
.nav-menu li { float: none; }
.nav-menu li a { color: #505050; }
.pf_nav { display: none; }
}
@media (max-width: 720px) {
.compact-nav.compact-nav-visible { display: none; }
}
@media (max-width: 720px) {
.header-search .search-field { font-size: 40px; }
}
@media (max-width: 720px) {
.compact-header { padding-top: 0; }
.compact-header .compact-nav { display: none; }
.compact-header .site-header { display: block; }
.blog .compact-search,
.single .compact-search { display: none; }
.blog .site-header .search-form,
.single .site-header .search-form { display: block; }
.viewing-portfolio-grid.blog .site-header .search-form,
.viewing-portfolio-grid.single .site-header .search-form { display: none; }
} @media (max-width: 720px) {
.site-navigation { top: 0 !important; position: relative; margin: 25px auto; }
.logo { position: relative; text-align: center; margin: 30px 0; }
.logo-inner { display: block; }
.home-link { display: block; }
ul.nav-menu,
div.nav-menu > ul { }
.nav-menu > li { text-align: left; }
.nav-menu > li:first-child { margin-left: 0; }
}
@media (max-width: 720px) {
.menu-toggle { cursor: pointer; display: block; font: 700 18px/1.25 Novecentowide, sans-serif; margin: 0; padding: 15px; background: #eee; }
.menu-toggle:before { content: "\f0c9"; font: 400 100%/1 FontAwesome; margin-right: 10px; }
.main-nav  { display: block; margin-left: 0; padding: 0; width: 100%; margin-bottom: 0; }
.nav-menu  { padding: 0; margin-bottom: 0; }
.toggled-on .nav-menu,
.toggled-on .nav-menu > ul { display: block; margin-left: 0; padding: 0; width: 100%; margin-top: 3px; margin-bottom: 0; }
.toggled-on li,
.toggled-on .children { display: block; }
.toggled-on .nav-menu li > ul { background-color: transparent; display: block; float: none; margin-left: 20px; position: relative; left: auto; top: auto; }
.toggled-on .nav-menu li > ul a { color: #282832; width: auto; }
.toggled-on .nav-menu li:hover > a,
.toggled-on .nav-menu .children a { color: #282832; }
.toggled-on .nav-menu li a:hover,
.toggled-on .nav-menu ul a:hover { background-color: #eee; color: #000; }
ul.nav-menu,
div.nav-menu > ul { display: none; }
ul.nav-menu ul a,
.nav-menu ul ul a { color: #282832; font-weight: 700; }
.nav-menu > li > a { margin-top: 0; }
.nav-menu .has-submenu > a:after { display: none; }
.nav-menu ul > li:first-child > a { border-radius: 0; }
.nav-menu ul > li:last-child > a { border-radius: 0; }
.nav-menu > .has-submenu > a { padding: 15px; }
.nav-menu > .has-submenu:hover > a,
.nav-menu > .has-submenu > a:hover { border-radius: 0; padding: 15px; }
ul.nav-menu ul a,
.nav-menu ul ul a { min-width: 0; }
.nav-menu li a { display: block; padding: 15px; color: #282832; font: 400 100%/1 Roboto, sans-serif; text-transform: none; }
.nav-menu li li a { padding: 15px; font-weight: 400; }
.nav-menu > li.has-submenu + li { margin-left: 0; }
.nav-menu > li.has-submenu { margin-left: 0; }
.nav-menu > li { margin-left: 0; margin-bottom: 3px; }
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover { font-weight: 400; }
.nav-menu li li:hover > a,
.nav-menu li li a:hover { font-weight: 400; }
.nav-menu li li:hover > a,
.nav-menu li li a:hover { background-color: transparent; }
.nav-menu > .has-submenu:hover > a,
.nav-menu > .has-submenu > a:hover { background-color: transparent; }
.toggled-on .nav-menu .current_page_item > a,
.toggled-on .nav-menu .current-menu-item > a { background-color: #eee; color: #000; font-weight: 700; }
} @media (max-width: 1280px) {
.page-title { font-size: 700%; }
.single .page-title,
.search .page-title,
.archive .page-title { font-size: 600%; }
}
@media (max-width: 720px) {
.page-header { margin-bottom: 40px; }
.page-title { margin-top: 0; border-top: 2px solid #D9DCDD; padding-top: 20px; font-size: 200%; line-height: 1; letter-spacing: 0; }
.single .page-title,
.search .page-title,
.archive .page-title { font-size: 200%; }
} @media (max-width: 950px) {
.single .content-area { font-size: 100%; }
.entry-summary { font-size: 100%; }
} @media (max-width: 950px) {
.comments-title h2 { font-size: 175%; }
.comments-title a { display: none; }
.comment-meta { float: none; width: 100%; }
.comment-author .fn { font-size: 175%; }
.comment-content { clear: both; float: none; width: 100%; }
.comment-content p { font-size: 100%; }
.comment-list #reply-title { font-size: 100%; }
#cancel-comment-reply-link { padding-right: 20px; line-height: 1.5; }
.logged-in-as { font-size: 100%; }
.comment-form-author { float: none; margin-right: 0; width: 100%; }
.comment-form-email { float: none; margin-right: 0; width: 100%; }
.comment-form-url { float: none; width: 100%; }
.form-submit  input[type="submit"] { font-size: 24px; }
} @media (max-width: 950px) {
.sidebar-right .site-content, .sidebar-left .site-content { width: 100%; margin: 0; }
.site-sidebar { clear: both; width: 92%; padding: 0; float: none; margin: 0 auto; }
.sidebar-shadow { display: none; }
.blog.sidebar-left .blog-comments-wrapper { display: block; }
.sidebar-right .content-area,
.sidebar-left .content-area	{ margin: 0 auto; float: none; width: 92%; }
} @media (min-width: 721px) {
.widget_no_margin .widget { margin-bottom: 0; } } @media (max-width: 720px) {
.site-footer { position: relative; background-color: transparent; transition: none; float: none; }
.site-footer:hover { background-color: transparent; }
.viewing-portfolio-grid .site-footer { margin-top: 25px; }
.site-footer .inner { padding: 0; }
.site-footer .copyright_notice { font-size: 100%; text-align: center; }
.site-footer .footer-social-icons { display: table; float: none; margin: 0 auto; padding-bottom: 0; }
.site-footer .footer-social-icons li { margin-right: 20px; margin-left: 0; }
.site-footer .footer-social-icons li:last-child { margin-right: 0; }
.site-footer .footer-client-logos img { display: block; width: auto; max-width: 100%; float: none; margin: 30px auto; }
.site-footer .footer-social-icons { display: table; float: none; margin: 0 auto; padding-bottom: 0; }
.site-footer .footer-social-icons li { margin-right: 20px; }
.site-footer .footer-social-icons a { color: #969696; }
.site-footer .footer-social-icons a:hover { color: #000; }
.site-footer .footer-fa { text-align: center; }
.site-footer .footer-fa a:first-child { margin-left: 0; }
.site-footer .footer-fa a { color: #969696; }
.site-footer .footer-fa a:hover { color: #000; }
} @media (max-width: 850px){
.konzept-thumbnails-container,
.konzept-projects-list { margin-bottom: 3em; }
.konzept-projects-list { border-top: 0 none; border-bottom: 0 none; }
}
@media (max-width: 1200px) {
.element { width: 33.3333333%; }
.element-text { width: auto; max-width: none; }
.element .thumbnail-meta-data-wrapper { padding: 25px 25px 0 25px; }
.element .symbol { font-size: 187.5%; }
.thumbnail-plus { font-size: 225%; padding: 0 0 25px 25px; }
}
@media (max-width: 1000px) {
.element .thumbnail-meta-data-wrapper { padding: 20px 20px 0 20px; }
.element .symbol { font-size: 175%; }
.thumbnail-plus { font-size: 175%; padding: 0 0 20px 20px; }
}
@media (max-width: 720px) {
.element { width: 50%; }
.element-text { width: auto; max-width: none; }
}
@media (max-width: 480px) {
.element .thumbnail-meta-data-wrapper { padding: 13px 13px 0 13px; }
.element .symbol { font-size: 150%; }
.thumbnail-plus { font-size: 175%; padding: 0 0 15px 13px; }
}
@media (max-width: 400px) {
.element .thumbnail-meta-data-wrapper { padding: 10px 10px 0 10px; }
.element .symbol { font-size: 125%; }
.thumbnail-plus { font-size: 150%; padding: 0 0 12px 10px; }
}
@media (max-width: 300px) {
.element { width: 100%; }
.element-text { width: auto; max-width: none; }
}
@media (max-width: 950px) {
.project-meta-col-1 { float: left; max-width: none; min-width: 0; width: 100%; margin-right: 0; }
.project-meta-col-2 { float: left; max-width: none; min-width: 0; width: 100%; margin-right: 0; }
.project-meta-heading { width: 135px; }
.project-meta-description { max-width: 255px; width: 100%; }
}
@media (max-width: 1200px) {
.element-text .thumbnail-link-title { font-size: 52px; }
.element-text + .thumbnail-separator { font-size: 52px; margin: 0 15px 0 10px; }
}
@media (max-width: 720px) {
.element-text .thumbnail-link-title { font-size: 137.5%; line-height: 1.5; }
.element-text.thumb-inactive .thumbnail-link-title:before { text-shadow: 0 0 3px #101010; }
.element-text.thumb-inactive + .thumbnail-separator { text-shadow: 0 0 3px #101010; }
.element-text + .thumbnail-separator { font-size: 137.5%; line-height: 1.5; margin: 0 10px 0 5px; }
}
@media (max-width: 1440px) {
.project-title { font-size: 750%; max-width: 1104px; }
}
@media (max-width: 1200px) {
.project-title { font-size: 500%; max-width: 1024px; }
.project-description { font-size: 20px; }
}
@media (max-width: 1112px) {
.project-title { max-width: 874px; }
}
@media (max-width: 950px) {
.project-title { max-width: 736px; }
}
@media (max-width: 800px) {
.project-title { max-width: 662px; }
}
@media (max-width: 720px) {
.project-title { max-width: 552px; }
}
@media (max-width: 600px) {
.project-title { max-width: 460px; }
}
@media (max-width: 500px) {
.project-title { max-width: 368px; }
}
@media (max-width: 400px) {
.project-title { max-width: 294px; }
}
@media (max-width: 1024px) {
.portfolio-cancelclose:hover { -webkit-transform: none; transform: none; }
}
@media (max-width: 782px) {
.admin-bar .portfolio_box { top: 46px; height: -webkit-calc(100% - 46px); }
.admin-bar .portfolio-video-container { top: 46px; height: calc(100% - 46px); height: -webkit-calc(100% - 46px); }
}
@media (max-width: 720px) {
.max-width-test { max-width: 720px; }
.exit { background-size: 26px auto; right: 15px; top: 15px; -webkit-transition: none; transition: none; }
.portfolio-video-container .exit { background-size: 26px auto; right: 15px; top: 15px; -webkit-transition: none; transition: none; }
.portfolio-cancelclose { background-size: 26px auto; right: 15px; top: 15px; -webkit-transition: none; transition: none; }
.white .portfolio-cancelclose { background-size: 26px auto; right: 15px; top: 15px; -webkit-transition: none; transition: none; }
.portfolio-cancelclose-cover { background-size: 26px auto; right: 15px; top: 15px; -webkit-transition: none; transition: none; }
.project-meta-data { font-size: 68.75%; }
.project-title { font-size: 150%; line-height: 1; letter-spacing: -1px; }
.project-description { font-size: 75%; }
.sharing-icons { display: none; } .daisho-portfolio-viewing-project .project-navigation,
.daisho-portfolio-viewing-project .portfolio-arrowleft,
.daisho-portfolio-viewing-project .portfolio-arrowright { display: none; } .project-arrow-left,
.project-arrow-right { height: 100px; }
.project-arrow-left-visible,
.project-arrow-right-visible { opacity: 0.3; visibility: visible; background-size: 25px auto; width: 46px; }
.cursor-in-viewport .project-arrow-left-visible,
.cursor-in-viewport .project-arrow-right-visible { opacity: 0.3; }
}
@media (max-width: 600px) {
.admin-bar .project-coverslide { z-index: 999; }
.admin-bar .portfolio_box { z-index: 1000; top: 0; height: 100%; }
.admin-bar .portfolio-video-container { top: 0; height: 100%; }
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://www.theaterachse.com/wp-content/themes/dietheaterachse/fonts/roboto-v20-latin-regular.eot); src: local('Roboto'), local('Roboto-Regular'),
url(https://www.theaterachse.com/wp-content/themes/dietheaterachse/fonts/roboto-v20-latin-regular.eot?#iefix) format('embedded-opentype'), url(https://www.theaterachse.com/wp-content/themes/dietheaterachse/fonts/roboto-v20-latin-regular.woff2) format('woff2'), url(https://www.theaterachse.com/wp-content/themes/dietheaterachse/fonts/roboto-v20-latin-regular.woff) format('woff'), url(https://www.theaterachse.com/wp-content/themes/dietheaterachse/fonts/roboto-v20-latin-regular.ttf) format('truetype'), url(https://www.theaterachse.com/wp-content/themes/dietheaterachse/fonts/roboto-v20-latin-regular.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: url(https://www.theaterachse.com/wp-content/themes/dietheaterachse/fonts/roboto-v20-latin-italic.eot); src: local('Roboto Italic'), local('Roboto-Italic'),
url(https://www.theaterachse.com/wp-content/themes/dietheaterachse/fonts/roboto-v20-latin-italic.eot?#iefix) format('embedded-opentype'), url(https://www.theaterachse.com/wp-content/themes/dietheaterachse/fonts/roboto-v20-latin-italic.woff2) format('woff2'), url(https://www.theaterachse.com/wp-content/themes/dietheaterachse/fonts/roboto-v20-latin-italic.woff) format('woff'), url(https://www.theaterachse.com/wp-content/themes/dietheaterachse/fonts/roboto-v20-latin-italic.ttf) format('truetype'), url(https://www.theaterachse.com/wp-content/themes/dietheaterachse/fonts/roboto-v20-latin-italic.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(https://www.theaterachse.com/wp-content/themes/dietheaterachse/fonts/roboto-v20-latin-700.eot); src: local('Roboto Bold'), local('Roboto-Bold'),
url(https://www.theaterachse.com/wp-content/themes/dietheaterachse/fonts/roboto-v20-latin-700.eot?#iefix) format('embedded-opentype'), url(https://www.theaterachse.com/wp-content/themes/dietheaterachse/fonts/roboto-v20-latin-700.woff2) format('woff2'), url(https://www.theaterachse.com/wp-content/themes/dietheaterachse/fonts/roboto-v20-latin-700.woff) format('woff'), url(https://www.theaterachse.com/wp-content/themes/dietheaterachse/fonts/roboto-v20-latin-700.ttf) format('truetype'), url(https://www.theaterachse.com/wp-content/themes/dietheaterachse/fonts/roboto-v20-latin-700.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: url(https://www.theaterachse.com/wp-content/themes/dietheaterachse/fonts/roboto-v20-latin-700italic.eot); src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
url(https://www.theaterachse.com/wp-content/themes/dietheaterachse/fonts/roboto-v20-latin-700italic.eot?#iefix) format('embedded-opentype'), url(https://www.theaterachse.com/wp-content/themes/dietheaterachse/fonts/roboto-v20-latin-700italic.woff2) format('woff2'), url(https://www.theaterachse.com/wp-content/themes/dietheaterachse/fonts/roboto-v20-latin-700italic.woff) format('woff'), url(https://www.theaterachse.com/wp-content/themes/dietheaterachse/fonts/roboto-v20-latin-700italic.ttf) format('truetype'), url(https://www.theaterachse.com/wp-content/themes/dietheaterachse/fonts/roboto-v20-latin-700italic.svg#Roboto) format('svg'); }
.site-title {
max-width: 700px;
}
.content-area {
background-color: #fff;
color: #000;
padding: 2rem;
}
.site-content { }
.home .page-header{
display: none;
}
.page-title {font-size: 600%;padding-top: 2rem;padding-bottom: 2rem;}
.page-header {
background-color: #fff;
max-width: 1200px;
margin: 0 auto;
margin-top: 1rem;
padding-bottom: 0;
margin-bottom: 0;
}
.page-description {display: none;}
#container,.tn-grid-container {max-width: 1200px;}
.element { width: 33.33%; max-width: inherit}
@media (max-width: 667px) {
.element { width: 100%; max-width: inherit; }
}
#footer {
max-height: 70px;
padding-top: 10px;
line-height: 1.2em;
}
.description {background-color: white; opacity: 0.8 !important}
input.wpcf7-submit {
border: 1px solid !important;
padding: 8px !important;
}
.featured_slideshow-meta-description {font-weight: 600 !important}
.home .pf_nav {
display:none;
}
.has-featured-slideshow .konzept_arrow_right {
opacity: 1;
-webkit-animation: fadeIn 3000ms;
-moz-animation: fadeIn 3000ms;
animation: fadeIn 3000ms;
}
@-webkit-keyframes pulse {
from {
-webkit-transform: scale(1.0);
opacity: 0.75;
}
50% {
-webkit-transform: scale(1.2);
opacity: 1.0;
}
to {
-webkit-transform: scale(1.0);
opacity: 0.75;
}
}
.has-featured-slideshow .konzept_arrow_right {
-webkit-animation-name: pulse;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count: 10;
}
.single .page-title, .search .page-title, .archive .page-title {
font-size: 600%;
}
.element .symbol {
font-size: 165%;
line-height: 95%;
}
.project-title {
line-height: 95%;
}
.terminemonat {
font-size: 200%;
}
.termineheader {
text-transform: uppercase;
font-weight: bold;
}
table {
font-size: 100%;
line-height: 1.2;
}
.terminsonderfall {
display: block;
text-transform: uppercase;
letter-spacing: 0.2em;
}
.search .entry-title a[href*="/produktion/"] {
font-size: 1.2em;
line-height: 1em;
}
.search .entry-title a[href*="/produktion/"]:before {
content: "PRODUKTION: ";
color: red;
}
.search-results article img {
height: 8em;
}
.search .post a .entry-date:before {
content: "Blog/Beitrag vom ";
}
.search a[href*="/produktion/"] .entry-date {
display:none;
}
.search .page a .entry-date {
display:none;
}
.project-slide .description {
padding: 4% 4%;
font-weight: 500;
line-height: 1.3em;
}
#footer .sharing-icons {
position: inherit;
left: 0;
top: 0;
z-index: 10;
float: none;
display: inline-block;
margin: 0px;
}
#footer .sharing-icons a {
margin-left: 5px;
}
#footer .sharing-icons-tooltip {
position: absolute;
top: 18px;
}
.element .thumbnail-hover,
.element .symbol,
.element .name,
.element .categories,
.element .thumbnail-plus {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.25s ease-in-out, visibility 0s;
transition: opacity 0.25s ease-in-out, visibility 0s;
}
.element:hover .thumbnail-hover,
.element:hover .symbol,
.element:hover .categories,
.element:hover .thumbnail-plus {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.25s ease-in-out, visibility 0s linear 0.25s;
transition: opacity 0.25s ease-in-out, visibility 0s linear 0.25s;
}
.thumbnail-meta-data-wrapper {
left: 0 !important;
top: 0 !important;
}
.thumb-inactive .project-img {
opacity: 0;
}
.thumb-inactive:hover .project-img {
opacity: 1;
}
.thumb-inactive .thumbnail-hover {
opacity: 0.1;
}
@media (max-width: 720px) {
h1 {font-size: 150%}
.home .site-title, .home .site-description, .home .nav-menu li a  {
color: #eee !important;
}
.site-description {
background-color: inherit !important;
padding-top: 0 !important;
padding-left: 0 !important;
margin-top: 0 !important;    
}  
.site-header:hover {background-color: transparent !important}
.thumbnail-meta-data-wrapper .symbol {
font-size: 80% !important;
line-height: 110% !important;
}
.nav-menu li a {
padding: 5px !important;
font-size: 150% !important;
font-weight: 600 !important;		  		
}
}
.mapp-layout {
z-index: 0;
}
.project-arrow-left-visible { background-color: #fff;}
.project-arrow-right-visible { background-color: #fff; }
.presse_class span {
display: block;
padding-bottom: .5em;
}
.pr_desc {
margin-bottom: .5em;
}
.pr_title {
font-size: 2em;
}