html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }
.clearfix::after { content: ""; display: table; clear: both; } .none { display: none; }   .animated {
-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes rotateToClose {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(180deg);
}
}
@-moz-keyframes rotateToClose {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(180deg);
}
}
@-o-keyframes rotateToClose {
0% {
-o-transform-origin: center center;
-o-transform: rotate(0);
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(180deg);
}
}
@keyframes rotateToClose {
0% {
transform-origin: center center;
transform: rotate(0);
}
100% {
transform-origin: center center;
transform: rotate(180deg);
}
}
@-webkit-keyframes rotateToOpen {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(180deg);
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
}
}
@-moz-keyframes rotateToOpen {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(180deg);
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
}
}
@-o-keyframes rotateToOpen {
0% {
-o-transform-origin: center center;
-o-transform: rotate(180deg);
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
}
}
@keyframes rotateToOpen {
0% {
transform-origin: center center;
transform: rotate(180deg);
}
100% {
transform-origin: center center;
transform: rotate(0);
}
}
.animated.rotateToClose {
-webkit-animation-name: rotateToClose;
-moz-animation-name: rotateToClose;
-o-animation-name: rotateToClose;
animation-name: rotateToClose;
}
.animated.rotateToOpen {
-webkit-animation-name: rotateToOpen;
-moz-animation-name: rotateToOpen;
-o-animation-name: rotateToOpen;
animation-name: rotateToOpen;	
}
html {
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
-me-text-size-adjust: 100%;
}
body {
background: #f5f5f5;
color: #444444;
font: 14px/1.6 Courier, 'Courier New', monospace;
font-size: 1.4rem;
margin: 0;
text-rendering: optimizeLegibility;
word-wrap: break-word;
}
.hidden { display: none; }
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
margin-top: 1em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
margin-top: 1em;
}
.aligncenter {
clear: both;
display: block;
margin: 1em auto;
}
.clear {
clear: both;
display: block;
font-size: 0;
height: 0;
line-height: 0;
width:100%;
}
a { 
color: #f23e2f;
text-decoration: none; 
}
a:hover { text-decoration: underline; }
a img { border: none; }
a > img { vertical-align: bottom; }
p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form,
.gallery-row,
.post-media,
.author-bio,
#logo { margin-bottom: 20px; }
h1,
h2,
h3,
h4,
h5,
h6 {
color: #222222;
font-weight: normal;
padding: 0;
}
h1 {
font-size: 24px;
line-height: 28px;
}
h2 {
font-size: 20px;
line-height: 22px;
margin: 0 0 20px 0;
}
h3 {
font-size: 16px;
line-height: 20px;
}
h4 {
font-size: 14px;
line-height: 18px;
}
h5 {
font-size: 12px;
line-height: 18px;
}
h6 {
font-size: 10px;
line-height: 16px;
}
ol,
ul {
margin: 0;
list-style: none;
}
.page-title {
font-size: 20px;
font-size: 2rem;
font-weight: normal;
padding: 20px 0 20px;
padding: 2rem 0 2rem;
text-align: center;
}
.archive .page-title,
.search .page-title { 
padding-left: 50px;
padding-left: 5rem;
text-align: left; 
}
.entry-title,
.entry-title a {
color: #222222;
font-size: 20px;
font-size: 2rem;
margin-bottom: 28px;
margin-bottom: 2.8rem;
}
.error404 .entry-title {
padding: 0 50px;
padding: 0 5rem;
}
.entry-title a:hover { 
color: #f23e2f; 
text-decoration: none;
}  .header { background: #ffffff; }
#logo { 
display: block;
margin-bottom: 23px; 
}
#logo {
font-size: 28px;
line-height: 30px;
color: #000;
font-weight: bold;
}
#logo:hover { 
color: #f23e2f;
text-decoration: none; 
}  .mobile-menu { 
display: none; 
text-align: center;
}
.mobile-menu li { 
display: inline;
margin-right: 15px;
}
.mobile-menu ul {
display: inline;
margin-left: 15px;
}
.mobile-menu ul li:last-child { margin-right: 0; }
.mobile-menu a { color: #444444;}
.mobile-menu a:hover,
.mobile-menu .current-cat > a,
.mobile-menu .current-menu-item > a,
.mobile-menu .current_page_item > a,
.mobile-menu ul a:hover {
background: transparent;
color: #f23e2f;
text-decoration: none;
}
.mobile-menu ul { margin-left: 15px; }  #content { background: #f5f5f5; }
address { font-style: italic; }
abbr[title],
acronym[title],
dfn[title] {
cursor: help;
border-bottom: 1px dotted #666;
}
blockquote {
background: #f5f5f5;
color: #444444;
padding: 30px 30px 10px;
}
strong { font-weight: bold; }
em,
dfn,
cite { font-style: italic; }
dfn { font-weight: bold; }
sup {
font-size: 11px;
vertical-align: top;
}
sub {
font-size: 11px;
vertical-align: bottom;
}
small { font-size: 11px; }
del { text-decoration: line-through; }
ins { text-decoration: underline; }
code,
pre { line-height: 18px; }
var,
kbd,
samp,
code,
pre {
font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
background: #f5f5f5;
}
kbd { font-weight: bold; }
samp,
var { font-style: italic; }
pre {
white-space: pre;
overflow: auto;
padding: 30px;
clear: both;
}
code { padding: 3px; }
.entry-content ul,
.entry-content ol { 
margin-bottom: 20px;
margin-bottom: 2rem;
margin-left: 30px; 
}
.entry-content dl { 
margin-bottom: 20px;
margin-bottom: 2rem;
}
table {
border: 1px solid #ccc;
border-width: 1px;
line-height: 18px;
margin: 0 0 22px 0;
text-align: left;
padding: 0 5px;
}
table .even { background: #ddd; }
caption { text-align: left; }
tr { border-bottom: 1px solid #ccc; }
th,
td {
padding: 5px;
vertical-align: middle;
text-align: center;
} button,
input,
textarea {
background: #f5f5f5;
border: 1px solid #f5f5f5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: inherit;
font-size: 100%;
padding: 11px;
padding: 1.1rem;
max-width: 100%;
vertical-align: baseline;
}
button,
input { line-height: normal; }
#post-0 #searchform input { 
border-color: #b2b2b2; 
max-width: 300px;
width: 100%;
}
select { max-width: 100%; }
textarea { 
font-size: 100%; 
line-height: 1.4;
overflow: auto;
vertical-align: top;
}
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
border: 0;
border-radius: 0;
padding: 0;
}
input[type="submit"],
input[type="submit"]:focus,
input[type="button"],
input[type="reset"] {
background: transparent url(//www.achtzigzehn.at/wp-content/themes/achtzigzehn/images/sprite.png) 120px -688px no-repeat;
border: 0;
padding-left: 0;
padding-right: 25px;
}
.portfolio-description input[type="submit"],
.portfolio-description input[type="submit"]:hover { color: #ffffff; }
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
cursor: pointer;
-webkit-appearance: none;
width: auto;
}
button:hover,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="reset"]:hover { color: #f23e2f; }
input:focus,
textarea:focus,
input[type="text"]:focus, 
input[type="url"]:focus, 
input[type="email"]:focus, 
input[type="tel"]:focus, 
input[type="number"]:focus, 
input[type="password"]:focus,
#post-0 #searchform input:focus {
background: #ffffff;
border: 1px solid #444444;
}
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active { color: #444444; }  .hentry:nth-child(2n) { background: #ffffff; }
.entry-content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 50px;
}
.blog .entry-title,
.archive .entry-title,
.search .entry-title { 
margin: 45px 0 20px; 
margin: 4.5rem 0 2rem;
text-transform: uppercase;
}
.single .entry-title { 
background: #ffffff; 
margin-bottom: 16px;
margin-bottom: 1.6rem;
max-width: 800px;
text-transform: uppercase;
}
.entry-meta-index { 
margin-top: 28px;
margin-top: 2.8rem;
padding: 0 50px 45px; 
padding: 0 5rem 4.5rem;
}
.entry-meta-single span {
display: block;
text-align: right;
}
.entry-meta a,
.entry-meta span {
font-size: 12px;
font-size: 1.2rem;
color: #b2b2b2;
margin-bottom: 4px;
text-transform: uppercase;
}
.entry-meta a:hover {
color: #444444;
text-decoration: none;
}
.edit-post { margin-left: 15px; }
.single .entry-content { background: #ffffff; }
.entry-content ul { list-style-type: disc; }
.entry-content ol { list-style-type: decimal; }
.sticky,
.bypostauthor {} .post-media {
margin: 0;
position: relative;
}
.blog .post-media,
.archive .post-media,
.search .post-media {
max-height: 450px;
overflow: hidden;
}
.post-media a {
background: #f23e2f url(//www.achtzigzehn.at/wp-content/themes/achtzigzehn/images/pattern.png) 0 0 repeat;
display: block;
}
.post-media img { width: 100%; }
.format-quote .post-media footer { margin-top: 5px; }
.format-link .post-media a,
.format-quote .post-media a {
background: none;
color: #ffffff;
text-align: center;
}
.post-media span,
.post-media blockquote {
background: none;
bottom: 0;
color: #ffffff;
display: none;
font-size: 18px;
font-size: 1.8rem;
height: 6%;
left: 0;
margin: auto;
position: absolute;
right: 0;
text-align: center;
text-transform: uppercase;
top: 0;
width: 100%;
}
.post-media blockquote { height: 33%; }
.format-link .post-media span,
.post-media blockquote { 
display: block;
font-style: normal;
max-width: 80%;
text-transform: none; 
}
.single .format-link .post-media span,
.single .post-media blockquote {
font-size: 24px;
font-size: 2.4rem;
}
.no-touch .post-media a:hover span { display: block; }
.no-touch .post-media a:hover img { opacity: 0.1; }
.format-link a:hover img,
.format-quote a:hover img,
.no-touch .format-link a:hover img,
.no-touch .format-quote a:hover img { opacity: 1; }
.post-media blockquote footer {
color: #b2b2b2;
font-size: 14px;
font-size: 1.4rem;
}
.zilla-gallery { position: relative; }
.zilla-gallery .slide-caption {
background: #f23e2f;
background: rgba(242,62,47,0.9) url(//www.achtzigzehn.at/wp-content/themes/achtzigzehn/images/pattern.png) 0 0 repeat;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #ffffff;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.4;
padding: 10px 20px;
position: absolute;
bottom: 0;
display: block;
height: auto;
right: 0;
left: auto;
text-transform: none;
top: auto;
}
.zilla-gallery .slide-caption a {
background: none;
color: #ffffff;
display: inline;
text-decoration: underline
}
.zilla-gallery .slide-caption a:hover { text-decoration: none; }
.slideshow li { width: 100%; }
.post-media .zilla-slide-prev,
.post-media .zilla-slide-next {
background: #222222 url(//www.achtzigzehn.at/wp-content/themes/achtzigzehn/images/sprite.png) 0 0 no-repeat;
display: block;
height: 30px;
overflow: hidden;
position: absolute;
text-indent: 100%;
top: 45%;
white-space: nowrap;
width: 30px;
z-index: 995;
}
.post-media .zilla-slide-prev { background-position: 8px -591px; }
.post-media .zilla-slide-next {
background-position: 8px -791px;
right: 0;
}
.post-media .zilla-slide-prev:hover { background-color: #f23e2f; }
.post-media .zilla-slide-next:hover { background-color: #f23e2f; }
.stacked li { position: relative; }
img {
height: auto;
max-width: 100%;
vertical-align: bottom;
width: auto;
}
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.gallery-caption{}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 1.2% auto 0;
max-width: 98%;
}
.wp-caption-text {
color: #888888;
font-size: 0.875em;
font-style: italic;
margin: 0.8075em 0;
text-align: center; 
}
iframe { 
max-width: 100%; 
margin-bottom: 20px;
} .jp-audio,
.jp-video {
margin: 0 auto -1.57142857142em;
max-width: 100%;
position: absolute;
width: 100%;
}
.jp-video + .jp-audio,
.fluid-width-video-wrapper + .jp-audio { margin-top: 2.71428571428em; }
.jp-gui { margin-bottom: -35px; }
.jp-interface {
background: #232527 url(//www.achtzigzehn.at/wp-content/themes/achtzigzehn/images/media_player.png) 0 -132px repeat-x;
border: 1px solid #000000;
border-radius: 3px;
-webkit-box-shadow: 0 1px 0 #4B4E53 inset, 0 1px 3px rgba(0,0,0,.7);
box-shadow: 0 1px 0 #4B4E53 inset, 0 1px 3px rgba(0,0,0,.7);
margin-bottom: 3px;
position: relative;
height: 33px;
width: 91.25%; left: 4.545454545%; top: -53px;
}
.jp-video-full { position: relative; }
.jp-video-full .jp-jplayer {
background: #000000;
top: 0;
left: 0;
position: fixed !important;
position: relative;
overflow: hidden;
z-index: 998;
}
.jp-video-full .jp-gui {
z-index: 1000;
display: block;
}
.jp-video-full .jp-interface { 
bottom: 0;
top: auto; 
left: 0.25%;
position: fixed;
width: 99%;
z-index: 1000;
} .jp-controls,
.jp-toggles {
float: left;
margin: 0;
padding: 0;
z-index: 100;
}
.jp-controls li { float: left; }
.jp-controls a {
position: absolute;
overflow: hidden;
text-indent: -999em;
}
.hentry .jp-play,
.hentry .jp-pause,
.hentry .jp-mute,
.hentry .jp-unmute {
background: #d2d6db url(//www.achtzigzehn.at/wp-content/themes/achtzigzehn/images/media_player.png) 0 0 no-repeat;
border-top: 1px solid #4b4e53;
border-bottom: none;
display: block;
z-index: 2;
height: 100%;
width: 30px;
}
.jp-play:hover,
.jp-pause:hover,
.jp-mute:hover,
.jp-unmute:hover { 
background-color: #0076a3; 
border-bottom: none;
}
.hentry .jp-pause { background-position: 0 -33px; }
.jp-play,
.jp-pause { 
border-radius: 3px 1px 1px 3px;
border-right: 1px solid #4b4e53; 
} .jp-progress {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
padding: 0 25px 0 40px;
margin: 11px 0;
width: 100%;
height: 9px;
}
.jp-volume-bar {
float: right;
margin: 11px 0;
right: 8px;
width: 40px;
height: 10px;
}
.jp-seek-bar {
background: #141618;
border-bottom: 1px solid #2c2d2f;
border-left: 1px solid #0f0f10;
border-right: 1px solid #0f0f10;
border-top: 1px solid #000000;
border-radius: 2px;
cursor: pointer;
height: 8px;
padding: 0 0 1px 0;
position: relative;
z-index: 990;
}
.jp-play-bar {
border-radius: 1px 2px 2px 1px;
background: #0076a3;
-webkit-background-size: 8px 8px;
-moz-background-size: 8px 8px;
background-size: 8px 8px;
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
-webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .2) inset;
box-shadow: 0 5px 5px rgba(255, 255, 255, .2) inset;
height: 8px;
}
.jp-play-bar {
-webkit-animation: animate-stripes 3s linear infinite;
-moz-animation: animate-stripes 3s linear infinite;       		
}
@-webkit-keyframes animate-stripes { 
0% { background-position: 0 0; } 
100% { background-position: 60px 0; }
}
@-moz-keyframes animate-stripes {
0% { background-position: 0 0; } 
100% { background-position: 60px 0; }
}  .portfolio-feed .portfolio > a {
background: #f23e2f url(//www.achtzigzehn.at/wp-content/themes/achtzigzehn/images/pattern.png) repeat;
display: block;
}
.portfolio-feed .entry-title {
color: #f5f5f5; 
display: none;
font-size: 18px;
font-size: 1.8rem;
margin: 0;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 46.5%;
width: 100%;
}
.no-touch .portfolio-feed .portfolio > a:hover .entry-title { display: block; }
.no-touch .portfolio-feed .portfolio > a:hover img { opacity: 0.1; }
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
} .isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
} .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
} .single-portfolio .hentry { float: none; }
.portfolio-media img { width: 100%; }
.single-portfolio .entry-title {
background: transparent;
color: #f5f5f5;
margin-bottom: 14px;
margin-bottom: 1.4rem;
margin-top: 0;
}
.single-portfolio .entry-content {
background: #f23e2f url(//www.achtzigzehn.at/wp-content/themes/achtzigzehn/images/pattern.png) repeat;
background: rgba(242,62,47,0.9) url(//www.achtzigzehn.at/wp-content/themes/achtzigzehn/images/pattern.png) repeat;
color: #ffffff;
z-index: 995;
}
.lt-ie9 .single-portfolio .entry-content {
position: relative;
max-width: none;
max-height: none;
left: 0;
}
.single-portfolio .hide-content .entry-title,
.single-portfolio .hide-content .portfolio-description,
.single-portfolio .hide-content .entry-meta { display: none; }
.single-portfolio .entry-meta { overflow: hidden; }
.single-portfolio .entry-meta a {
background: transparent url(//www.achtzigzehn.at/wp-content/themes/achtzigzehn/images/sprite.png) 0 -94px no-repeat;
color: #ffffff;
font-size: 14px;
font-size: 1.4rem;
margin-left: 15px;
margin-left: 1.5rem;
padding-left: 15px;
padding-left: 1.5rem;
position: relative;
text-transform: none;
}
.single-portfolio .entry-meta a:first-child { margin-left: 0; }
.single-portfolio .entry-meta a:hover { opacity: .5; }
.show-hide-content {
background: #222222 url(//www.achtzigzehn.at/wp-content/themes/achtzigzehn/images/sprite.png) 10px -190px no-repeat;
bottom: 0;
display: block;
height: 30px;
position: absolute;
overflow: hidden;
right: 0;
text-indent: 100%;
white-space: nowrap;
width: 30px;
}
.show-hide-content.open { background-position: 10px -390px; }
.lt-ie9 .project-content .show-hide-content { display: none; }
.single-portfolio .post-password-required .entry-content { position: relative; }  #comments { 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
clear: both; 
max-width: 800px;
padding: 0 50px 0;
width: 66.6667%; }
.page #comments {
padding-left: 0;
padding-right: 0;
}
.comments-title {
font-size: 20px;
font-size: 2rem;
padding-top: 48px;
padding-top: 4.8rem;
text-transform: uppercase;
}
.pings-title {}
.commentlist {
margin: 45px 0 40px 0;
margin: 4.5rem 0 4rem 0;
list-style-type: none;
}
.pinglist {
margin: 20px 0 40px 30px;
list-style-type: decimal;
}
.comment { 
margin-top: 45px; 
margin-top: 4.5rem;
}
.commentlist .children { 
list-style-type: none; 
margin-left: 65px;
}
.avatar { border-radius: 4px; }
.comment .avatar {
float: left;
margin: 0 18px 0 0;
}
.comment-author {
font-size: 16px;
font-size: 1.6rem;
padding-top: 1px;
text-transform: uppercase;
}
.comment-meta { 
color: #b2b2b2;
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 19px; 
margin-bottom: 1.9rem;
margin-top: 3px;
margin-top: 0.3rem;
text-transform: uppercase;
}
.comment-meta a { color: #b2b2b2; }
.comment-author-admin {
background: #fbfbfb!important;
border: #efefef;
}
.comment-author cite { font-style: normal; }
.nocomments {
text-align: center;
padding: 20px;
}
.comment-body ul { list-style-type: disc; }
.comment-body ol { list-style-type: decimal; }
#respond {
background: #ffffff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: -50px;
margin-right: -50px;
padding: 49px 50px 14px;
}
.page #respond {
margin-left: 0;
margin-right: 0;
}
.comment-reply-title { 
font-size: 20px;
font-size: 2rem;
text-transform: uppercase; 
}
#commentform { margin-top: 20px; }
#commentform p { 
line-height: 40px; 
overflow: hidden;
}
#commentform input { 
float: left;
margin-right: 10px; 
max-width: 430px;
width: 100%;
}
#commentform input[type="submit"] { 
clear: both;
float: none;
margin-top: 5px;
margin-top: 0.5rem;
width: auto; 
}
#commentform label {
color: #222222;
text-transform: uppercase;
}
#commentform textarea { 
max-width: 100%;
min-width: 100%;
width: 100%; 
}
#commentform .required { color: #f23e2f; }  .navigation {
background: #ffffff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
clear: both;
overflow: hidden;
padding: 19px 23px;
width: 100%;
}
.page-navigation .nav-next { float: right; }
.page-navigation .nav-next a {
background: transparent url(//www.achtzigzehn.at/wp-content/themes/achtzigzehn/images/sprite.png) 95px -688px no-repeat;
color: #444;
padding: 10px 21px 10px 0;
}
.page-navigation .nav-previous { float: left; }
.page-navigation .nav-previous a {
background: transparent url(//www.achtzigzehn.at/wp-content/themes/achtzigzehn/images/sprite.png) 0 -488px no-repeat;
color: #444;
padding: 10px 0 10px 21px;
}
.page-navigation .nav-previous a:hover,
.page-navigation .nav-next a:hover {
color: #f23e2f;
text-decoration: none;
}
.no-paging-clear { clear: both; }
.comment-navigation { 
margin-bottom: 20px;
overflow: hidden; 
}
.comment-navigation .nav-next { float: right; }
.comment-navigation .nav-previous { float: left; }  #footer {
background: #fafafa;
background: rgba(0,0,0,0.1);
color: #b2b2b2;
text-align: center;
-webkit-transition: background .2s linear;
-moz-transition: background .2s linear;
-ms-transition: background .2s linear;
-o-transition: background .2s linear;
transition: background .2s linear;
}
#footer a { color: #f23e2f; }
#footer a:hover { 
color: #ffffff; 
text-decoration: none;
}
#footer.open { background: #222222; }
#toggle-footer {
background: #f23e2f url(//www.achtzigzehn.at/wp-content/themes/achtzigzehn/images/sprite.png) 8px -290px no-repeat;
cursor: pointer;
display: block;
height: 30px;
left: 0;
overflow: hidden;
position: absolute;
text-indent: 100%;
top: 0;
white-space: nowrap;
width: 30px;
}
.open #toggle-footer { background-position: 8px -390px; }
.copyright,
.credit {
color: #b2b2b2;
font-size: 12px;
font-size: 1.2rem;
}
.copyright a,
.credit a { color: #444444; }
.copyright a:hover,
.credit a:hover {
color: #b2b2b2;
text-decoration: none;
}  .page .entry-title { margin-top: 0; }
.page .entry-meta {
float: right;
top: -55px;
position: relative;
}
.page blockquote { background: #f0f0f0; }
.archive-lists ul {
list-style: disc;
margin-bottom: 20px;
margin-left: 15px;
}
.archive-lists .children { margin-bottom: 0; }
#contactForm {
background: #ffffff;
margin-top: 50px;
margin-top: 5rem;
padding: 50px;
padding: 5rem;
}
ul.contactform { margin-left: 0; }
.contactform li { list-style-type: none; }
.contactform li label {
display: block;
margin-bottom: 10px;
}
.contactform li input[type="text"] {
width: 300px;
margin-bottom: 15px;
}
.contactform li textarea {
width: 100%;
height: 200px;
margin-bottom:15px;
}
.contactform li button { float: right; }
label.error { color: red; }  .widget {
margin-bottom: 30px;
margin-bottom: 3rem;
}
.widget-title {
color: #b2b2b2;
text-transform: uppercase;
font-size: 12px;
margin-bottom: 22px;
}
#footer .widget-title { color: #ffffff; }
.widget ul { margin-bottom: 0; }
.widget ol { margin-bottom: 0; }
.widget ul li { margin-bottom: 2px; }
.widget ul a { color: #444444; }
.widget .current-cat > a,
.widget .current-menu-item > a,
.widget .current_page_item > a,
.widget ul a:hover,
.widget ul a.active-filter {
background: transparent url(//www.achtzigzehn.at/wp-content/themes/achtzigzehn/images/sprite.png) 0 7px no-repeat;
color: #f23e2f;
margin-left: -15px;
padding-left: 15px;
text-decoration: none;
}
.widget .sub-menu,
.widget .children { margin-left: 15px; }
.widget .recentcomments a:hover { background: none; }
.widget_categories li,
.widget_archive li { color: #b2b2b2; } .widget_search #s { width: 100%; }
.widget_search form,
.widget_search fieldset { margin: 0; } .widget_calendar caption { 
font-weight: bold;
margin-bottom: 5px; 
text-align: center;
}
.widget_calendar table { width: 100% } .zilla-tweet-widget ul {
margin: 0 0 10px 0;
list-style-type: none;
}
.zilla-tweet-widget li { padding: 8px 0; }
.zilla-tweet-widget li:first-child { padding-top: 0; }
.zilla-tweet-widget .twitter-time-stamp {
display: block;
font-size: .875em;
}
#footer .zilla-tweet-widget .twitter-time-stamp { color: #b2b2b2; }
#footer .zilla-tweet-widget .twitter-time-stamp:hover { color: #f23e2f; } .zilla_flickr_widget { padding-right: 0; }
.zilla_flickr_widget > div {
margin-left: -1.8072%;
margin-right: -1.8072%;
width: 103.75%; }
.flickr_badge_image {
float: left;
margin: 0 1.8072% 12px; width: 21.3855%; }
.flickr_badge_image img { border-radius: 3px; }
.flickr_badge_image img:hover { opacity: 0.5; } .zilla_video { margin-bottom: 10px; } .widget .zilla-dribbble-shots li { 
margin-bottom: 15px;
margin-bottom: 1.5rem;
margin-right: 0; 
}
.zilla-dribbble-shots li a:hover { background: none; }
#footer .zilla-dribbble-shots li { 
margin-bottom: 15px;
margin-bottom: 1.5rem;
margin-right: 0; 
}
#footer .zilla-social { overflow: hidden; }
#footer .zilla-social a {
margin: 1%;
display: block;
text-align: center;
float: left;
}
.zilla-likes-count { color: #d2d6db; }
.active .zilla-likes-count { color: #f23e2f; }  .container {
background: #ffffff;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
overflow-x: hidden;
padding-left: 280px;
width: 100%;
}
.header {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 100%;
padding: 40px 40px 30px;
padding: 4rem 4rem 3rem;
position: absolute;
left: 0;
top: 0;
width: 280px;
}
.admin-bar .header { margin-top: 28px; }
#primary { width: 100%; }
.page #primary,
.error404 #primary {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
max-width: 750px;
max-width: 75rem;
padding: 45px 50px 0;
width: 96%;
}
.page-template-template-full-width-php #primary { max-width: none; }
.page-template-template-portfolio-php #primary,
.tax-portfolio-type #primary,
.single-portfolio #primary {
max-width: none;
padding: 0;
width: 100%;
}
.page .hentry,
.error404 .hentry {
float: none;
max-width: none;
width: 100%;
}
.page .entry-content { padding: 0; }
.content { 
padding-bottom: 30px;
padding-bottom: 3rem;
position: relative;
z-index: 1;
}
.hentry {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
height: auto;
max-width: 400px;
position: relative;
width: 33.3333%;
}
.blog .hentry,
.search .hentry,
.archive .hentry {
height: 720px;
max-width: 600px;
width: 25%;
}
.blog .post-media + .entry-content,
.archive .post-media + .entry-content,
.search .post-media + .entry-content { height: 180px; }
.single .hentry {
max-width: none;
width: 100%;
}
.entry-content { width: 100%; }
.blog .entry-content,
.archive .entry-content,
.search .entry-content {
height: 630px;
overflow: hidden;
}
.single .entry-content {
float: left;
max-width: 800px;
padding-bottom: 28px;
padding-bottom: 2.8rem;
padding-top: 43px;
padding-top: 4.3rem;
width: 66.6667%; }
.entry-meta-single {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: right;
margin-top: 85px;
margin-top: 8.5rem;
padding-left: 20px;
padding-left: 2rem;
padding-right: 50px;
padding-right: 5rem;
max-width: 350px;
width: 33.3333%; }
.portfolio-feed .portfolio {
float: left;
height: auto;
max-width: 420px;
position: relative;
width: 33.33%;
}
.single-portfolio .entry-content {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: none;
max-height: 100%;
padding: 40px 50px 42px;
padding: 4rem 5rem 4.5rem;
position: absolute;
left: 0;
top: 0;
max-width: 500px;
width: 100%;
}
#footer {
bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
clear: both;
padding: 25px 20px 5px;
position: fixed;
width: 100%;
z-index: 997;
}
.footer-inner { display: none; }
.footer-column {
float: left;
margin: 1.3889%; max-width: 320px;
width: 22.2222%; }  @media only screen and (max-width: 2080px) {
.blog .hentry,
.search .hentry,
.archive .hentry { width: 33.3333%; }
}
@media only screen and (max-width: 1480px) {
.blog .hentry,
.search .hentry,
.archive .hentry { width: 50%; }
}
@media only screen and (max-width: 1080px) {
.single .entry-content {
float: none;
max-width: none;
padding-bottom: 50px;
padding-bottom: 5rem;
position: relative;
width: 100%;
}
.entry-meta-single {
float: none;
margin-top: 0;
max-width: none;
padding: 50px;
padding: 5rem;
width: 100%;
}
.entry-meta-single span {
margin-left: 0;
text-align: left;
}
#comments { width: 100%; }
.show-hide-content { display: none; }
}
@media only screen and (max-width: 880px) {
.blog .hentry { width: 100%; }
}
@media only screen and (max-width: 800px) {
body { -webkit-text-size-adjust: none; }
.container { padding-left: 0; }
#header {
background: #ffffff;
padding-left: 0;
padding-right: 0;
padding-bottom: 45px;
position: relative;
width: 100%;
}
.header-inner {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
min-height: 0;
padding: 0 50px;
padding: 0 5rem;
position: relative;
width: 96%;
}
.site-intro { text-align: center; }
#sidebar,
.copyright,
.credit { display: none; }
.mobile-menu { display: block; }
.hentry,
.blog .hentry { width: 50%; }
.archive .page-title, 
.search .page-title {
font-size: 16px;
font-size: 1.6rem;
text-align: center;
}
.post-media blockquote { height: 45%; }
.blog .format-link .post-media span,
.archive .format-link .post-media span,
.search .format-link .post-media span,
.blog .post-media blockquote,
.archive .post-media blockquote,
.search .post-media blockquote { 
font-size: 14px;
font-size: 1.4rem; 
}
.footer-column {
margin-left: 2.6316%;
margin-right: 2.6316%;
width: 44.7368%;
}
.footer-column-3 { clear: both; }
}
@media only screen and (max-width: 600px) {
.blog .hentry,
.search .hentry,
.archive .hentry { width: 100%; }
.archive .page-title, 
.search .page-title {
margin-left: auto;
margin-right: auto;
padding-left: 0;
width: 96%;
}
.format-link .post-media span,
.single .format-link .post-media span, 
.post-media blockquote,
.single .post-media blockquote,
.blog .format-link .post-media span,
.archive .format-link .post-media span,
.search .format-link .post-media span,
.blog .post-media blockquote,
.archive .post-media blockquote,
.search .post-media blockquote {
font-size: 18px;
font-size: 1.8rem;
}
.format-link .post-media span { height: 12%; } .zilla-one-half, 
.zilla-one-third, 
.zilla-two-third, 
.zilla-three-fourth, 
.zilla-one-fourth, 
.zilla-one-fifth, 
.zilla-two-fifth, 
.zilla-three-fifth, 
.zilla-four-fifth, 
.zilla-one-sixth, 
.zilla-five-sixth { width: 100% !important; }
}
@media only screen and (max-width: 400px) {
.page #primary {
padding-left: 0;
padding-right: 0;
}
.hentry { width: 100%; }
.blog .hentry,
.archive .hentry,
.search .hentry { height: 650px; }
.entry-content,
.entry-meta-single {
padding-left: 20px;
padding-left: 2rem;
padding-right: 20px;
padding-right: 2rem;
}
.entry-meta-index { padding: 0 20px 50px; }
.format-link .post-media span,
.single .format-link .post-media span, 
.post-media blockquote,
.single .post-media blockquote,
.blog .format-link .post-media span,
.archive .format-link .post-media span,
.search .format-link .post-media span,
.blog .post-media blockquote,
.archive .post-media blockquote,
.search .post-media blockquote {
font-size: 14px;
font-size: 1.4rem;
}
#respond {
padding: 30px 20px;
padding: 3rem 2rem;
}
#commentform p { margin-bottom: 10px; }
#commentform input { float: none; }
.comment-form-comment { margin-top: 30px; }
.single-portfolio .entry-content {
padding-left: 20px;
padding-left: 2rem;
padding-right: 20px;
padding-right: 2rem;
}
#footer { padding: 25px 0 5px; }
.footer-column {
float: none;
margin: 20px;
max-width: 280px;
width: 100%;
}
#contactForm {
padding: 20px 20px 50px;
padding: 2rem 2rem 5rem;
}
}
@media only screen and (-webkit-min-device-pixel-ratio : 2), 
only screen and (min--moz-device-pixel-ratio : 2),
only screen and (-o-min-device-pixel-ratio : 2/1),
only screen and (min-device-pixel-ratio : 2),
only screen and (min-resolution : 192dpi),
only screen and (min-resolution : 2dppx) { .post-media > a,
.portfolio-feed .portfolio > a,
.single-portfolio .entry-content,
.zilla-gallery .slide-caption {
background-image: url(//www.achtzigzehn.at/wp-content/themes/achtzigzehn/images/pattern@2x.png);
-webkit-background-size: 5px 5px;
background-size: 5px 5px;
}
#mobile-handler,
.post-media .zilla-slide-prev,
.post-media .zilla-slide-next,
.single-portfolio .entry-meta a,
.show-hide-content,
.widget .current-cat > a, 
.widget .current-menu-item > a,
.widget .current_page_item > a,
.widget ul a:hover,
.widget ul a.active-filter,
input[type="submit"],
input[type="submit"]:focus,
input[type="button"], 
input[type="reset"] {
background-image: url(//www.achtzigzehn.at/wp-content/themes/achtzigzehn/images/sprite@2x.png);
-webkit-background-size: 100px 1000px;
background-size: 100px 1000px;
}
}