/*
Theme Name: enzo
Theme URI: http://www.amstein.at
Description: Main Theme enzo.at
Version: 1.0
Author: amstein.at – Bernhard Stranz
Author URI: http://www.amstein.at
*/

@charset "UTF-8";

/* ====================================================================== */
/* IMPORT RELEVANTE STYLESHEETS */
/* ====================================================================== */

@import "css/flexslider.css";

/* ====================================================================== */
/* FONTS
/* ====================================================================== */

@font-face {
  font-family: FagoWeb;
  src: url("css/fonts/FagoWeb.eot");
  src: url("css/fonts/FagoWeb.woff") format("woff");
}

@font-face {
  font-family: 'FagoWebBold';
  src: url('css/fonts/FagoWebB.woff2') format('woff2'),
	   url('css/fonts/FagoWebB.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* ====================================================================== */
/* RESETS */
/* ====================================================================== */

/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}:focus{outline:0}
/* ====================================================================== */
/* STYLES */
/* ====================================================================== */

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #ede8db;
}

html {
	height: 100%;
	background:#ede8db;
}
* html #wrapper {
  width:100%;
  height:100%;
  }

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
outline: none;
}

a {
	color:#000;
}

label, input[type="button"], input[type="submit"], button {
    cursor: pointer;
}
/*****************************************************
OTHERS
*****************************************************/
body {
	background-color:#ede8db;	
    color: #000;
    font-family: FagoWeb, sans-serif;
    font-size: 13px;
	line-height:140%;
	margin:0;
	border:0;
	padding:0;
	height:100%;
}

#container {
	background-color:#fff;
	width:920px;
	height:auto;
	margin:0 auto;
	padding:60px 20px 60px 20px;
	margin-top:40px;
	margin-bottom:40px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

#logo {
    background: url("img/logo-enzo.png") no-repeat scroll left top transparent;
    display: block;
    height: 72px;
    width: 163px;
    text-indent: -9999px;
	margin:20px 0 0 37px;
}

#logo-zusatz {
    background: url("img/logo-enzo-zusatz.png") no-repeat scroll left top transparent;
    display: block;
    height: 124px;
    width: 200px;
    text-indent: -9999px;
	margin:10px 0 0 0;
}

#copyright {
	color:#7d7d84;
	width:170px;
	margin:115px 0 0 30px;
	text-align:right;
	font-size:11px;
	line-height:125%;
}

#copyright a {color:#7d7d84;}


#left {
    float: left;
    margin-right: 10px;
    width: 225px;
}

#right {
    float: left;
    width: 685px;
}

section {display:block;}


.box {
    height: 167px;
}
.box {
    float: left;
    height: 160px;
    margin: 0 20px 20px 20px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 215px;
	cursor:pointer;
}

.box:nth-child(1n+1) {
	margin-left:0;
}

.box:nth-child(3n+3) {
	margin-right:0;
}

.box a {display:block;}
.box img {width:215px;height:auto;}
.box h3 {display:none;}


nav {
	width:170px;
	margin:70px 0 0 30px;
}

nav ul {
    list-style: none outside none;
    margin: 5px 0;
    padding: 0;
}

nav ul li {

}

nav ul li a {
    display: block;
    padding: 2px 2px;
	text-align:right;
    text-decoration: none;
	font-weight:normal;
	text-transform:uppercase;
	color:#000;
	font-size:22px;
	font-family:FagoWebBold;
    -o-transition: color 0.25s linear; 
    -ms-transition: color 0.25s linear;
	-moz-transition: color .25s linear;
	-webkit-transition: color .25s linear;
}


nav ul li a:hover, nav ul li.current-menu-item a {
	color:#7d7d84;
}

nav#projects-nav {
	position:absolute;
	left:0px;
	margin:20px 0 0 0;
}

nav#projects-nav a {
	color:#000;
	text-transform:uppercase;
	text-decoration:none;	
}

#projects-detail {position:relative;}
#projects-detail-text {position:absolute;right:0px;width:300px;margin-top:20px;text-transform:uppercase;}
#projects-detail-text p {margin:0;text-align:right;}


.trigger {cursor:pointer;}
.trigger_active {color:#7d7d84;}

h1, h2, h3, h4, h5, h6 {font-family: FagoWebBold, sans-serif;}
h1, h2, h3 {text-transform:uppercase;}
h1 {font-size:22px;color:#000;margin:20px 0 20px 0;}
h2 {font-size:18px;color:#000;margin:20px 0 20px 0;}
h3 {font-size:14px;color:#7d7d84}

#map-static {display:none;}
#map {width:685px;height:475px;}
#map h2 {font-size:18px;font-family: FagoWebBold, sans-serif;margin:0;}
#map h3 {margin:0 0 5px 0;font-size:14px;color:#7d7d84;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}





/*****************************************************
COOKIES
*****************************************************/
.cc_container {font-family: FagoWeb, sans-serif !important;color:#7d7d84;}
.cc_container .cc_message {font-size:0.7em !important; margin-top:1em !important;}
.cc_container .cc_btn, .cc_container .cc_btn:visited {background:#000 !important;color:#fff !important;}
.cc_container a, .cc_container a:visited {color:#000 !important;}


/* ====================================================================== */
/* WORDPRESS */
/* ====================================================================== */

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* ====================================================================== */
/* MOBILE VERSION */
/* ====================================================================== */
@media only screen and (max-width: 568px) {
/* 
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
*/

html, body {-webkit-text-size-adjust:100%;}
#logo {margin:0 auto;}
#logo-zusatz {display:none;} 
#copyright {clear:both;margin: 20px 0 0; text-align: left; width: 100%;}
#container {width:80%;padding-top:20px;padding-bottom:20px;margin:20px auto 20px auto;}
#left {width:100%;float:none;}
#right {width:100%;float:none;margin:0 auto;}
#projects-all {width:100%;margin:0 auto;}
nav#projects-nav {position:relative;left:0; }
#projects-detail-text {position:relative;right:0;}
#projects-detail-text p {text-align:left;}

.box, .box img { width: 100%;height: auto;}

nav {width:100%;margin-top:20px;margin-left:0;margin-bottom:20px;}
nav ul li a {text-align:center;font-size:18px;}

#map {display:none;}
#map-static {width:100%;height:auto;display:block;}
#map-static img {width:100%;height:auto;}
}

    @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-moz-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min-device-pixel-ratio: 1.5) {
	#logo { 
	    background: url('img/logo-enzo@2x.png');	
		-moz-background-size: 163px 72px;
		-o-background-size: 163px 72px;
		-webkit-background-size: 163px 72px;
		background-size: 163px 72px;
		}
	}