/*
Theme Name:     Artelegno Child
Template:       artelegno
Version: 1.1.1
*/

/*

marrone: #3d2312

marrone menu: #ba6e3d;

*/


@import url("../artelegno/style.css");

::selection {
  background: #ba6e3d; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #ba6e3d; /* Gecko Browsers */
}

body, p {
	font-family: 'helvetica_condensedregular';	
}

body {
	background: transparent;	
}

#azienda {
	width: 50%; float: left;
}	


 #aziendaLogo {
	width: 50%; float: right;
}	


h3 span {
	color:#3d2312;	
}

#box3CL #nav-shadow div img.shadow{
	border:none;	
}

#content h1 a, #content h2 a, #content h3 a, .widgetBox h3 a, #slideshow .slideText h3 a, #content h4 a, #content h5 a {
	font-family: 'helvetica_condensedregular';	
}

#content .skillList {
	display:none;
}


#footer input[type="email"], #footer input[type="text"], #footer input[type="password"], #footer input[type="tel"], #footer textarea {
padding:5px 0 5px 0;
margin-bottom:10px;	
background-color: #222 !important;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #fff;
text-indent:10px;
border: 1px solid #ccc !important;
background: #f7f7f7;
font-size: .9em;
-webkit-appearance: none;
-webkit-border-radius: none !important;
-moz-border-radius: none !important;
border-radius: none !important;
opacity: 0.7;
}



input[type="email"], input[type="text"], input[type="password"], input[type="tel"]{
	width:94%;
	background-color: #fafafa;
	padding: 15px;
	margin-bottom:20px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	color: #6a6a6a;
	border: 1px solid rgba(0,0,0,.05);
	border-bottom: 2px solid rgba(0,0,0,.1);
	background:	#f7f7f7;
	font-size: .9em;
	-webkit-appearance: none;
}

#pageHead {
padding: 0px 0 0px 0;
border-bottom: none;
}

.page-id-170 #header {
	background-image: url(img/header-materiali.jpg);
}


.page-id-172 #header {
	background-image: url(img/header-contatti.jpg);
}

.page-id-176 #header {
	background-image: url(img/header-azienda.jpg);
}

.page-template-page-portfolio-php #wrap {
	padding-top:10px;	
}

textarea {
width: 94%;
line-height: 0.6em;
padding-top:10px;
}

.sectionHead {
	text-align:center;	
}

.sectionHead h1 {
	font-family: 'copperplate_gothic_boldRg' !important;
	font-size:40px;
}

.sectionHead p {
	font-family: 'helvetica_condensedregular';
}

#sectionHeadWrapper {
background-color: #f9f9f9;
height: 138px;
padding-top: 25px;
border-bottom: 1px solid #ccc;
}

#sidebar p {
	color:#6a6a6a;
}

#box3CL .sectionHead  h3 {
	text-align:center;
	font-family: 'copperplate_gothic_boldRg' !important;
	font-size:40px;
}

#box3CL .sectionHead  p {
	text-align:center;
	font-family: 'helvetica_condensedregular';
}

.inside .text span {
padding:5px 10px 5px 10px;
border:2px solid #fff;
font-size: 50%;
text-transform: lowercase;
}

.home .slideshow .details.center .text {
	margin-top: 420px;
}

#box3CLwrapper {
	background-image: url(img/ley-01.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width: auto;
	background-color: #f9f9f9;
	display: block;
	height: 455px;
	padding-top:40px;
}



#footer .button, #searchsubmit, #footer input[type="submit"] {
	border:1px solid #ccc;
opacity:0.7;
width: 95%;
padding: 7px 0 7px 0;

}

#footer .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
left: -334px;
width: 231px;
top: 167px;
right: 67px;
position: absolute;
}
.post-172 input.wpcf7-form-control.wpcf7-submit {
	margin-top:20px;	
}
 
#content #projects .project.small a {
	width:99%;
}	

#content .project.small a:hover img {
opacity: 1;

}

#content .project.small a:hover > img {
opacity: .2;
}

#content .project.small a:hover .title {
top: 30%;
}

.project.small .inside a:hover {
background-color: #291512;
}

 #content .project.small .title span {
	background-color: transparent !important;	
}

#content .project.small img, .isotope-item img {
	border:1px solid #ccc;	
}

#content .project.small .title img {
	border:none;	
}

.one_half.column p {
margin-top: 15px;
}

#header {
background-color: transparent !important;
background-image: url(img/header.jpg);
background-repeat:no-repeat;
background-position:center bottom;
border-bottom: 1px solid #ccc;
height:348px;
}

.home #header {
	height:auto;	
}

.single-project #pageHead h1 {
    font-family: 'copperplate_gothic_boldRg';
	font-size:25px;
	text-align:center;
}

.single-project #pageHead {
	margin-bottom:30px;	
}

.homeDesc h3 {
	color:#fff;
	font-family: 'helvetica_condensedregular';	
	font-size:22px;
	margin-top: -50px;
	padding-bottom: 60px;
}
.homeDesc {
letter-spacing: 0.4px;
font-size: 13px;
line-height: 21px;
margin-top: 30px;
}

#footer .main {
	height:342px;
	background: transparent;
	padding: 0 0 51px 0;
	border-top: 1px solid #ccc;
}

#footer .inside {
	padding-top:14px;	
}

#footer {
	background: transparent;
	background-image: url(img/footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;

}
#footer .widgetBox p {
color: #fff;
}

#projectswrapper {
	width: auto;
	background-color: #f5f3f2;
	display: block;
	height: auto;
	padding-top:50px;
	border-bottom:1px solid #ccc;
}

#mainNav ul a {
	color:#fff;
	font-family: 'helvetica_condensedregular';
	text-transform:lowercase;
	font-weight:normal;
}

#mainNav ul li.current_page_item a, #mainNav ul li.current-menu-item a {
	color:#ba6e3d;	
}

#mainNav ul a:hover {
	color:#ba6e3d !important;
}

#mainNav li {
margin: 0 0 0 10px;
border-left: 1px solid #fff;
padding-left: 10px;
}

#mainNav li:first-child {
	border-left:none;
}

.homeSection .sectionHead p {
    font-family: 'helvetica_condensedregular';
}

#box3CL {
	margin:0 auto;
	max-width:62.5em;	
}

#box3CL .sectionHead p {
	color:#fff;
	font-size:22px;	
}

#box3CL .project.small {
	display: block;
	height: 180px !important;
	width: 30%;
	margin-right: 3%;
}
	
#box3CL #content .project.small img, #box3CL .isotope-item img {
		height:20px;	
		left: 12px;
}

  .button-color-1{
	position:absolute;
	margin-top:0px;
	right:0;
	z-index:2; 
  }
    .button-color-2{
	position:absolute;
	margin-top:0px;
	right:0;
	z-index:2;  
  }

#filterNav li a {
font-family: 'helvetica_condensedregular';
font-weight: normal;
text-transform: lowercase;
}

			
	/* =Shadow Nav
	-------------------------------------------------------------------------- */

		#nav-shadow {
		margin-top: 30px;
		}

		#nav-shadow div {
			width: 33%;
			height: 175px;
			position: relative;
			float: left;
			}
			
		#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {
			margin: 0 auto;
			width: 240px;
			height: 175px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(img/icons.png) no-repeat;
			display: block;
			position: relative;
			z-index: 2;
			}
			
		/* Button Colors */
		
		#nav-shadow div.button-color-1 a {
			background-position: -3px -3px;
			}
			
		#nav-shadow div.button-color-2 a {
			background-position: -338px -3px;
			}
			
		#nav-shadow div.button-color-3 a {
			background-position: -690px -3px;
			}
			

		/* Button Shadow */
		
		#box3CL #nav-shadow div img.shadow {
			margin: 0 auto;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 1;
			height:20px;
			width:90% !important;
			margin-left:10%;	
			}

.home #bg-top {
	position:absolute;
	display:block;
	width:100%;
	height:253px;
	z-index:1;
	background-image: url(img/bg-top.png);
	background-repeat: no-repeat;
	background-position: top center;	
	z-index:20;
}


#header .inside {
padding: 20px 0 30px 0 !important;
}

.homeSection .sectionHead h3 {
    font-family: 'copperplate_gothic_boldRg' !important;
}

#homeContent.homeSection {
padding: 0px 0 !important;
}

.home #wrap {
padding-top: 0px !important;
}

#mainNav {
margin-top: -20px;
}

.textwidget {
	color:#fff;	
}

.textwidget img {
margin: 0 auto;
}

#filterNav li a  {
	background:#ba6e3d;
	color:#fff !important;
}

#filterNav li a:hover  {
	background:#462f0a;
}

#footer .secondary .inside {
	border-color:#fff;	
}

.project.clearfix img {
float: left;
margin-right: 10px;
border:1px solid #ccc;
}

#text-2 {
	text-align:center;	
}

#text-4 .textwidget div {
	position:absolute;
	margin-top:20px;	
}

.seguici {
	margin-top:20px !important;	
}

.single-post #sectionHeadWrapper {
	height:70px;	
}

.blog #sectionHeadWrapper {
	height:70px;	
}

#social li {
	display:block;
	float:left;
	width:80px;	
}

#social {
margin: 20px auto 0 auto !important;
display: block;
width: 245px;
}

.titoloLavoro {
	margin-top:10px;
	text-transform:lowercase;	
}

#footer .wpcf7 {
margin-top: 75px !important;
}

div.wpcf7-validation-errors {
	border: 2px solid #f00 !important;
}	

#wrap {
	padding-top:35px;
	border-bottom:1px solid #ccc;
	background-color:#f5f3f2;	
}

@font-face {
    font-family: 'copperplate_gothic_lightRg';
    src: url('font/coprgtl-webfont.eot');
    src: url('font/coprgtl-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/coprgtl-webfont.woff') format('woff'),
         url('font/coprgtl-webfont.ttf') format('truetype'),
         url('font/coprgtl-webfont.svg#copperplate_gothic_lightRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'copperplate_gothic_boldRg';
    src: url('font/3337493371-webfont.eot');
    src: url('font/3337493371-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/3337493371-webfont.woff') format('woff'),
         url('font/3337493371-webfont.ttf') format('truetype'),
         url('font/3337493371-webfont.svg#copperplate_gothic_boldRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica_condensedregular';
    src: url('font/helvetica-condensed-webfont.eot');
    src: url('font/helvetica-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/helvetica-condensed-webfont.woff') format('woff'),
         url('font/helvetica-condensed-webfont.ttf') format('truetype'),
         url('font/helvetica-condensed-webfont.svg#helvetica_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helvetica_condensedbold';
    src: url('font/helvetica-condensed-bold-webfont.eot');
    src: url('font/helvetica-condensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/helvetica-condensed-bold-webfont.woff') format('woff'),
         url('font/helvetica-condensed-bold-webfont.ttf') format('truetype'),
         url('font/helvetica-condensed-bold-webfont.svg#helvetica_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}	

/* ----------------------------------------------------	

RESPONSIVE VALUES - MEDIA QUERIES

------------------------------------------------------- */

 @media only screen and ( max-width: 479px ) {
	 
	 body, html {
		overflow-x:hidden; 
		background-color: #1f1f1f!important;
	 }
	 
	 #azienda {
	width: 100%;
	}	
	
	#aziendaLogo {
		width: 100%;
	}

	 
	 #box3CL .project.small {
		width:100%; 
		 margin:0;
		 padding-top: 24px;
		 color:#fff;
	 }
	 
	 #box3CLwrapper {
	 background-color: #1f1f1f;
	 background-image:none;
	 height: 950px;
	 }
	 #footer {
	 background-image:none!important;
	 background-color: #1f1f1f !important;
	 background-image:none;	
	 height:1100px; 
	 }

	#header {
	background-position: right bottom;
	height: 348px;
	}
	 
	 .homeDesc.azienda {
		margin-top:-460px; 
	 }
	 
	  .homeReal {
		top: 50px	
	 }
	 
	 .homeDesc {
		padding-left:10px;
		padding-right:10px; 
	 }
	 
	 .homeDesc h3 {
		 margin-top: 10px;
		 padding-bottom: 10px;
	 }
	 
		.homeAz {
		top: -70px;
		}
		
		.homeMat {
		top: 170px	
		}
		
		.homeDesc.realizzazioni {
		margin-top: -340px;
		}
		
		.homeDesc.materiali{
		margin-top: -235px;
		}
		
		#box3CL .project.small {
			padding-top:0px;	
		}
		.sectionHead h3 span {
		margin-top: 10px;
		top:0;
		position: absolute;
		width: 100%;
		left: 0;
		}
		
		#header {
			background-position: -1270px bottom;
		}
		
		.homeSection .sectionHead {
		padding-bottom: 20px !important;
		}
		
				
		.homeSection .sectionHead p {
			top: 50px;
			position: absolute;
			}
			
		#projectswrapper {
			padding-top: 20px;
		}
		
		#sectionHeadWrapper {
			height:auto;	
		}

	 
}

 @media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
	 
	    html {
			overflow-x:hidden; 
		}
	 
	    body {
			background-color: #1f1f1f!important;
		}
	 	
		#box3CLwrapper {
			height: 600px;	
		}
		#footer {
	 		background-image:none!important;
	 		background-color: #1f1f1f!important;
		}
		#header {
			background-position: -1180px bottom;
		}
		
		
}
 
 @media only screen and ( min-width: 768px ) and ( max-width: 960px ) {

}

 @media only screen and ( max-width: 960px ) {

}