/*
	Theme Name: Progetto Metropolis
	Theme URI: http://www.arachno.it
	Description: Child theme for Progetto Metropolis website.
	Author: Arachno
	Author URI: 

	Version: 1.0.1

	Tags: 

	Template: genesis
	Template Version: 2.1.2

	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php 
*/

/* CUSTOM CSS */

body {
	  font-family: "futura-pt",Arial, Helvetica,sans-serif;
	color:#8B807F;
}
.site-header {
    background-color: #ffffff;
	color:#8B807F;
	padding:0 20px 0;
	max-width:980px;
	margin:0 auto;
}
.site-inner {
	padding:0 20px 20px;
	max-width:980px;
	margin:0 auto;
}
.site-title {
	padding-top:0;
}
.site-title a, .site-title a:hover {
    color: #FFF;
    font-size: 0px;
	display:inline-block;
	background:rgba(0, 0, 0, 0) url("images/progetto-metropolis-logo.png") no-repeat scroll left top / contain;
	width:100%;
	max-width:280px;
	height:63px;
}
.home .menu-item-600, .home .menu-item-563, .home .menu-item-569, .home .menu-item-599 {
    display: none;
}
#menu-header-menu {
    padding: 30px 10px 0 0;
    position: relative;
    text-align: right;
    clear: right;
}
.sub-menu {
    position: absolute !important;
    right: 0px;
	background-color:#ffffff!important;
	text-align:right;
}
.qtranxs-lang-menu {
    display: block !important;
    text-align: right !important;
    margin-top: 15px;
}
.genesis-nav-menu .sub-menu a {
    border-color: transparent!important;
    text-align: right !important;
}
.genesis-nav-menu a {
    color:#8B807F;
    display: inline-block;
    font-size: 18px;
    padding: 5px!important;
	text-transform:uppercase;
	font-weight:400;
}
.backstretch {
    height: 520px!important;
}
.backstretch img {
    height: 520px!important;
    top: 0px!important;
}
.page .content .entry-title, .single .content .entry-title {
    font-size: 36px;
    margin-bottom: 10px;
}
.titleBox {
    display: inline-block;
    margin: 37% 30px 0px 0px;
    width: 380px;
    background: rgba(210, 210, 210, 0.6) none repeat scroll 0% 0%;
    height: 110px;
    vertical-align: middle;
    padding-top: 2.8%;
}
.titleBox a {
	color:#8B807F;
}
.titleBox2 {
    display: inline-block;
    margin: 37% 0px 0px ;
    width: 380px;
    background: rgba(210, 210, 210, 0.6) none repeat scroll 0% 0%;
    height: 110px;
    vertical-align: middle;
    padding-top: 2.8%;
}
.titleBox2 a {
	color:#8B807F;
}
.home .site-inner {
	display:block;
	padding:0;
	height:1px;
}
.home .site-inner h1 {
	font-size:0.1px!important;
}
.welcome {
    	color:#8B807F!important;
    text-align: center;
    text-shadow: 0px 0px 0px #ffffff!important;
	vertical-align:middle;
	font-size:24px;
	text-transform:uppercase;
}
/*.current-menu-item {
    border-top: 5px solid #DCD9D9;
    border-bottom: 5px solid #DCD9D9;
}*/
.entry-title {
	  font-family: "futura-pt",Arial, Helvetica,sans-serif;
	color:#8B807F!important;
	font-size:36px!important;
	font-weight:400;
	text-transform:uppercase;
}
.entry-header {
    text-align: center;
}
.entry {
    padding: 0;
}
.site-footer {
	background-color:#ffffff!important;
    color: #8B807F;
    font-size: 12px !important;
    padding: 10px 0;
}
.site-footer {
    color: #8b807f;
    font-size: 14px !important;
    margin-top: -20px;
}
.site-footer a, .site-footer .button:hover {
    color: #FF8034;
}
.entry-content, .entry-footer, .entry-header, .entry-pings, .error404 .entry-title, .search-no-results .entry, .single-podcast .entry-meta, .welcome .widget {
    padding-left: 0;
    padding-right: 0;
}
.esg-media-cover-wrapper {
    min-height: 400px !important;
}
.ls-nav-prev, .ls-nav-next {
	display:block!important;
}
.ls-nav-next {
    right: -50px!important;
}
.ls-nav-prev {
    left: -50px!important;
}
.entry-time, .entry-categories {
	display:none;
}
/*.entry-content iframe {
	position:absolute;
	z-index:900!important;
    max-width: 940px;
    width: 96%;
}*/
#projects01, #projects02 {
	margin-top:360px;
}
.projectContent {
    margin: 30px 0 0;
	background:#F2F1F1;
	padding:20px;
	overflow:hidden;
	font-size:18px;
}
.projectDetails {
	width:100%;
	float: left;
	margin: 0 0 20px 0;
padding: 0;
}
.projectMap {
	width:100%;
		float: left;
		margin: 0;
padding: 0;
}
.projectYear {
    font-size: 18px !important;
    color: #8B807F !important;
    padding: 0;
	margin:0!important;
}
.projectClient, .projectDetails p {
    font-size: 18px !important;
    color: #8B807F !important;
    padding: 0!important;
	font-weight:400!important;
	margin:0!important;
	line-height:1.2!important;
}

.projectAddress {
    font-size: 16px !important;
    color: #333 !important;
    padding: 0!important;
	font-weight:400!important;
	margin:0!important;
	line-height:1.1!important;
	text-transform:uppercase;
}
.projectType {
    font-size: 18px !important;
    color: #FF8034 !important;
    padding: 0;
	font-weight:700!important;
	margin:0!important;
	text-transform:uppercase;
	line-height:1.2!important;
}
.projectDetails .projectCredits {
	padding-top:10px!important;
}
.projectDetails .projectCredits2 {
	padding-top:0px!important;
}
.projectDetails .projectCategory {
	padding-bottom:22px!important;
}
.page .entry, .single .entry {
    border-bottom-width: 0px;
    margin-bottom: 0!important;
}
.siteSection {
    font-size: 36px !important;
    text-transform: uppercase;
    font-weight: 400;
    width: 100%;
    display: block;
    margin: 0 auto 30px;
    text-align: center;
    border-bottom: 1px solid #DCD9D9;
    padding: 0 !important;
    line-height: 1.1;
}
.backLink a {
    width: auto;
    text-align: right;
    float: right;
    margin: -28px 0px 20px;
    font-size: 16px;
    text-transform: uppercase;
}
.single .content .entry-title {
    font-size: 0px !important;
}
.projectMap a {
    max-height: 240px;
    display: block;
}

.lang-menu {
    width: auto;
    display: inline-block;
    float: right;
    font-size: 14px!important;
    margin-top: 16px;
	font-weight:700!important;
}
.lang-menu .active a {
	color:#FF8034;	
	text-decoration:underline;
}
.lang-menu a {
	color:#8B807F;	
	text-decoration:none;
}
#qtranslate-2-chooser li:first-child {
    border-right: 1px solid #8B807F;
    padding-right: 10px;
}
td {
    border-top: 0!important;
}
.page-id-564 .entry-header, .page-id-566 .entry-header {
    margin-bottom: 140px;
}
.page-id-564 .entry-content, .page-id-566 .entry-content {
    border-top:0!important;
	padding-top:0!important;
}
.page-id-564 iframe, .page-id-566 iframe {
	position:absolute;
	z-index:900!important;
}
.esg-filters {
    margin: -455px auto;
    margin-bottom: 360px !important;
}
.esg-content a:hover {
    font-size: 18px!important;
    line-height: 20px!important;
    color: #000!important;
    font-weight: 700!important;
    padding: 0px!important;
    border-radius: 0px!important;
    background-color: rgba(255, 255, 255, 0)!important;
    z-index: 2 !important;
    display: block!important;
    font-family: "futura-pt",Arial,Helvetica,sans-serif!important;
}
.responsive-menu-icon {
	text-align:left;
}
.responsive-menu-icon:before {
	color:#8B807F!important;
	font-size:32px;
}
.metropolis-nav .esg-filterbutton {
    color: #FF8034;
    margin-right: 0px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    padding: 1px 15px!important;
    border-bottom: 1px solid #DCD9D9;
    border-top: 1px solid #DCD9D9;
    line-height: 24px!important;
    border-radius: 0px;
    font-size: 16px!important;
    font-weight: 400;
    font-family: "futura-pt",Arial,Helvetica,sans-serif;
    display: inline-block;
    background: #FFF none repeat scroll 0% 0%;
    margin-bottom: 5px!important;
    text-transform: uppercase;
}
.esg-filters {
    margin-top: -540px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 360px !important;
}
.entry-content {
    border-top: 1px solid #e6e6e6;
    padding-top: 0;
}
.contactsWrapper figure {
    margin: 20px 0;
    width: 100%;
}
.contactsWrapper article {
	width:100%;
    margin: 0 20px;
}
@media only screen and (min-width: 768px) {
.contactsWrapper figure {
    float: left;
    margin: 0;
    padding: 20px 20px 0 0;
    width: 60%;
}
.contactsWrapper article {
    float: left;
    margin: 20px 0;
    width: 36%;
}
.projectMap {
    float: left;
    margin: 0;
    padding: 0;
    width: 60%;
}
.projectDetails {
    float: left;
    margin: 0;
    padding: 0;
    width: 40%;
}
.backLink a {
    margin: -58px 0px 20px;
}
.site-title a, .site-title a:hover {
    color: #FFF;
    font-size: 0px;
	display:inline-block;
	background:rgba(0, 0, 0, 0) url("images/progetto-metropolis-logo.png") no-repeat scroll left top / contain;
	width:380px;
	max-width:380px;
	height:86px;
}
#menu-header-menu {
    padding: 30px 0 0 0;
}

.site-description, .site-title {
    margin-top: -40px;
}
.page-id-564 .entry-header, .page-id-566 .entry-header {
    margin-bottom: 60px;
}
.page-id-564 iframe, .page-id-566 iframe {
	position:absolute;
	z-index:900!important;
}
.sideImg {
	margin-bottom:100px!important;
}
.lang-menu {
    width: auto;
    display: inline-block;
    float: right;
    font-size: 18px;
	margin-top:0;
	margin-right:10px;
}

.lang-menu {
    margin-right: 0 !important;
}
.site-inner {
    padding: 20px;
    max-width: 980px;
    margin: 0px auto;
}
.site-header {
    background-color: #FFF;
    color: #8B807F;
    padding: 0px 20px 0;
    max-width: 980px;
    margin: 0px auto;
}
.home .site-header {
    padding: 0px 0 25px;
    max-width: 1200px;
}
.esg-filters {
    margin: -455px auto;
    margin-bottom: 360px !important;
}
.metropolis-nav .esg-filterbutton, .metropolis-nav .esg-navigationbutton, .metropolis-nav .esg-sortbutton, .metropolis-nav .esg-cartbutton {
    color: #FF8034;
    margin-right: 0px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    padding: 1px 20px;
    border-bottom: 1px solid #DCD9D9;
    border-top: 1px solid #DCD9D9;
    line-height: 38px;
    border-radius: 0px;
    font-size: 18px!important;
    font-weight: 400;
    font-family: "futura-pt",Arial,Helvetica,sans-serif;
    display: inline-block;
    background: #FFF none repeat scroll 0% 0%;
    margin-bottom: 30px!important;
    text-transform: uppercase;
}
}