/*
Theme Name: Thomas Judisch
Description: Commercial Custom Theme.
Author: Sven Gebert
Version: 1.0 | Release: 2014-02-11
*/


* {margin: 0; }

html, body { height: 100%; }

body, html {
color: #111111;

width:100%;
margin:0;
padding:0px;
-webkit-font-smoothing:antialiased;
}

body {
background:#fff;
}

/* Bgd Info */
body.page-id-9 {
background:#e8e8e8;
}

.page-id-9 #header.fixed {
background-color:#e8e8e8
}

body, #content, .normal, .default, h1, h2, h3, h4, h5, h6, input, textarea, button, select {
font-family:  'Inconsolata', Helvetica Neue,  Helvetica, Arial,  sans-serif;
font-size:18px;
font-size:1.125rem;
line-height:24px;
}

hr {
  border: solid #ccc;
  border-width: 1px 0 0;
  clear: both;
  margin: 0;
  height: 0; }

.blog hr {
	  margin: 1.25rem 0 1.1875rem;
}

p {font-size:16px; line-height:22px; }

/* Bgd */
html .home {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: scroll
}



a,
.bar-spacer-mid #preview .tint img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}



.bar-spacer-mid{margin:0 0 .5em; height:1px; width:50%; background:#C9C9C9; display:block;}
.bar-spacer-mid.extra {margin-top:.5em;}
a:hover .bar-spacer-mid{width:100%; background:#111;   }



/* -------------------------------- Text & Links */
a { color: #111; text-decoration:none; outline:none; }
a:hover { color: #111111; }
a, a:hover, a:active, a:focus {outline:none;}

h1 a, h2 a, h3 a, h4 a, h5 a {color: #111;}

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:400;
}

/* Layout */
#wrap-outer {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 0 -72px 0;  /* the bottom margin is the negative value of the footer's height */
}

#footer, #push {
height: 72px; /* .push must be the same height as .footer */
clear:both;
text-align:left;
}

#wrap, #change, #content, #relative, #header-inner, #footer-inner {
overflow:auto;
}

#wrap {
padding-top:0px;
margin-right:0;
margin-bottom:0px;
margin-left:0;
}

#header {
position:absolute;
top:0;
left:0;
width:100%;
z-index:2;
}

#header.fixed {
	background:#fff;
position:static;
}

#header-inner {
padding-top:15px;
padding-bottom:15px;
}

#footer-inner {
padding-top:10px;
padding-bottom:10px;
}

#footer p {
margin-bottom:0;
line-height:20px;
}

#footer, #footer a {
color:#888;
}

#footer, #footer a {
color:#A3A3A3;
}


#content {
margin-top:0px;
padding-bottom:1em;
}

.single-post #content {
	padding-bottom:0;
}

#content p {
margin-bottom:1em;
}

#content p a {
color:#878787;
}

#content p a:hover {
color:#458847;
text-decoration:underline;
}

#content ul a {
color:#458847;
}

#content ul a:hover {
color:#111;
}


#content em {
  color: #888;
}

/* -------------------------------- Menu */

.logo h1, ul.mainnav { line-height:26px; }

.logo h1 a { color: #000; }
.logo h1 a:hover { color: #458847; }
ul.mainnav { z-index:100;}

.mainnav li { padding-bottom:0; }

.mainnav li.current-menu-item a, .mainnav li.current_page_parent a {
color: #458847;
border-bottom: 1px solid #458847;
}

.mainnav li a {
	color:#000;
}

.mainnav li a:hover {
color: #458847;
border-bottom: none;
}

/* Heimat */

.home #content a p{
display:inline-block;
background-color:#458847;
color:#fff;
padding:0.5em 1em;
}

.home #content a:hover p{
	background-color:#fff;
color:#111;
text-decoration:underline;
}

/* Werke */

ul#preview img {
	margin-bottom:0;
}

h2.preview-title {
	font-size:16px;

}

#preview a h2.preview-title{
line-height:100%;
color:#111;
}

#preview a:hover h2{
color: #458847;
}



/* -------------------------------- Focus */

ul#focus li {
margin-top:0;
padding-bottom:0;
}

.tint {
position:relative;
overflow:hidden;
}

.tint img {
vertical-align:bottom;
}


#preview .tint, #news .tint {
max-width: 450px;
margin-bottom:.35em;
}

#preview .tint:hover, #news li:hover .tint {
	background:#000;
}

#preview .tint img {
vertical-align:bottom;
}

#news-flash {
	margin-bottom:1.5em;}

#news-flash p {
margin-bottom:0}


#news-flash p a {
color:#888888;
}

#news-flash p a:hover {
color:#458847;
}

#preview .tint:hover img, #news li:hover img {
opacity:.7;
}

.tint p.caption {
font-size:14px;

line-height:18px;
position:absolute;
bottom:0;
left:0;
line-height:100%;
color:#fff;
text-align: left;
margin:0;
padding:0 0 0 1em;
}



.tint p.caption-small {
margin: .25em 0 0 0;
font-size:14px;
line-height:16px;
}

.tint a:hover p.caption, .tint a:hover p.caption-small  {
color:#777;
}

/* Single */

#project-description .tint {margin-bottom:1.5em;}

.attachment-medium {
width:auto;
height:auto;
max-height:215px;
}

.single #content h2.entry-title {
color: #458847;

line-height:100%;
margin-bottom:1em;
}

h2.page-title {
	color:#888888;
	font-size:22px;
line-height:100%;
margin-bottom:.5em;

}

.page-template-work-index-php h2.page-title {
margin-bottom:.5em;
}


.simsalabim {
margin-bottom:1em;
}

/* -------------------------------- Info */
.page-template-default #content p {
margin-bottom:2em;
}

/* -------------------------------- Blog */

.blog h2 {
color:#888;
line-height:100%;
margin-bottom:.5em;
}

.blog ul#news li {
padding-bottom:0;
}

.blog ul#news li a .tint {
margin-bottom:.5em;
}

.blog ul#news li:hover p {
color: #111;
}

.blog ul#news li a {
display: inline;
}

/* .blog ul#news li:last-child hr {} */


.blog ul#news li a:hover, .blog ul#news li a:hover h2.entry-title {
color:#458847;
}

h2.entry-title {font-size:22px;}
hr {margin-bottom:.5em;}

.page-template-about #content ul {
  list-style-type: disc;
  margin-bottom: 1rem;
  margin-left: 1rem;
  padding: 0;
  }

}

.page-template-about #content ul li, .page-template-about #content p.caption {

font-size:16px;
}


.page-template-about #content h2 {
color:#458847;
margin-bottom: .5rem;
}

.page-template-about #content h3 {
color:#888888;
}


.home #header.fixed {
background-color:transparent;
}

.single-format-standard .wp-post-image {
	width:auto;
height:auto;
	max-height:400px;
}

.description {
	padding-bottom:.5em;
}

.news-item .tint{
	margin-bottom:1em;
}

@media only screen and (min-width: 40.063em) {

.logo h1, ul.mainnav { font-size:20px; }

p {font-size:18px; line-height:24px; }
.blog h2.entry-title {font-size:22px;}
h2.entry-title {font-size:30px;}
h2.preview-title {
	font-size:20px;
}

hr {margin-bottom:1em;}


#wrap {
margin-right:5%;
margin-left:5%;
}

#header.fixed #header-inner, #footer #footer-inner {
padding-right:5%;
padding-left:5%;
}

#header.fixed {
background-color:#fff;
  background-color: rgba(255, 255, 255, .9);
position:fixed;
left:0px;
top:0px;
width:100%;
z-index:3;
}


.admin-bar #header.fixed {
    top: 20px;
}


.description {
	padding-bottom:1em;
}


.home h2 {
font-size:80px;
}

#content {
margin-top:100px;
padding-bottom:1em;
}


.single-post #content {
	padding-bottom:0;
}


}



@media only screen and (min-width: 64.063em) {

	#wrap-outer {
margin: 0 0 -60px 0;  /* the bottom margin is the negative value of the footer's height */
}

#footer, #push {
height:60px; /* .push must be the same height as .footer */
}

#wrap {
margin-right:2.5%;
margin-left:2.5%;
}

#header.fixed #header-inner, #footer #footer-inner {
padding-right:2.5%;
padding-left:2.5%;
}

#footer-inner {
padding-top:15px;
padding-bottom:15px;
}

.logo h1, ul.mainnav {
font-size:22px;
line-height:1;
}

#content {
margin-top:110px;

}

#project-description .tint {margin-bottom:0;
}

#project-description {
margin-bottom:2em;
}

ul#preview li {
	padding-bottom:2em;}


.single-work .description p{
	padding-right:8.33%;

}

.attachment-medium {
width:auto;
height:auto;
max-height:275px;
}




.single-format-standard #content p{
max-width: 768px;
}

.single-format-standard .wp-post-image {

	max-height:425px;
}


.tint p.caption {
position:static;
line-height:100%;
color:#222;
margin:0.35em 0 0;
padding:0;
}

#footer .bureau {
text-align:right;
}

.more-content {
  column-count: 2;
column-gap: 40px;
-moz-column-count: 2;
-webkit-column-count: 2;
-moz-column-gap: 40px;
-webkit-column-gap: 40px;
}


}

/* -----------------------------------------
 Video
----------------------------------------- */
.flex-video {
  position: relative;
  padding-top: 1.5625rem;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden; }
  .flex-video.widescreen {
    padding-bottom: 56.55%; }
  .flex-video.vimeo {
    padding-top: 0; }
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }



/* -------------------------------- Page Navigation */
    .page-navigation {
      clear: left;
      display: block !important;
      text-align: center;
      width: 100%;
    }

    .pagination {
      display: inline-block;
      margin-bottom: 2.5rem;
    vertical-align: top;
      white-space: nowrap;
    }

    .pagination li {
      display: inline;
      float: left;
      margin: 0 0.5rem;
      overflow: hidden;
    }

    .pagination li a,
    .pagination li span {
      display: block;
      font-size: 1.375rem;
      line-height: 1em;
      padding: 0.35rem .75rem;
    }

.pagination li.boxed {
  border: 1px solid #458847;
}

.pagination li.boxed:hover {
border: 1px solid #111;
}

#content .pagination li a:hover {
  text-decoration: none;
}

    .pagination li.current {
      border: 1px solid #111;
      color: #111;
    }


/* -------------------------------- NEXTPREV */

#nextprev {
font-family:'focus';
}

#nextprev a.next, #nextprev a.prev {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}

#nextprev {
overflow:auto;
clear:left;
position:relative;
}

#nextprev a.next {
float:left;
text-align:left;
}

#nextprev a.prev {
	float:right;
	text-align:right;
}

#nextprev a.next-fixed {
	    position: fixed;
    left: 0px;
    top: 50%;
    background: #fff;
    color: #458847;
    border-bottom: 0px solid transparent;
    border: 1px solid #458847;
    border-left: 0px solid transparent;
    padding: 5px;
    padding-top: 19px;
    padding-bottom: 19px;
    padding-right: 8px;
    padding-left: 5px;
	margin-top:-31px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;

    z-index: 999;
}

#nextprev a.next-fixed:hover {
    background: #458847;
    color: #fff;
    border-bottom: 0px solid transparent;
    border: 1px solid #458847;
    border-left: 0px solid transparent;
}

#nextprev a.next-fixed:hover {
	padding-left:20px;
}

#nextprev a.prev-fixed {
	    position: fixed;
    right: 0px;
    top: 50%;
    background: #fff;
    color:#458847;
    border-bottom: 0px solid transparent;
    border: 1px solid #458847;
    border-right: 0px solid transparent;
    padding: 5px;
    padding-top: 19px;
    padding-bottom: 19px;
    padding-left: 8px;
    padding-right: 5px;
		margin-top:-31px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;

    z-index: 999;
}

#nextprev a.prev-fixed:hover {
    background: #458847;
    color: #fff;
    border-bottom: 0px solid transparent;
    border: 1px solid #458847;
    border-right: 0px solid transparent;
}

#nextprev a.prev-fixed:hover {
	padding-right:20px;
}

@media all and (max-width: 766px) and (min-width: 0px) {


#nextprev.fixxed {
margin-bottom:1em;
}

#nextprev a.next-fixed {
position:static;
float:left;
margin-top:0px!important;
 border-left: 1px solid #458847;

padding-top:5px;
padding-bottom:6px;
padding-left:14px;
padding-right:16px;
margin-left:15px;
}

#nextprev a.next-fixed:hover {
padding-left:14px;
}

#nextprev a.prev-fixed {
	position:static;
	float:right;
	margin-top:0px!important;
	 border-right: 1px solid #458847;
	padding-top:5px;
	padding-bottom:6px;
	padding-left:16px;
	padding-right:14px;
	margin-right:15px;
}

#nextprev a.prev-fixed:hover {
	padding-right:14px;
}
}