/*
Theme Name: Graziano
*/

body { font-family:Arial, Helvetica, sans-serif; padding-top:0; color:#666 }

a { color:#E3000F }
a:hover { color:#666 }

.color { color:#E3000F }
.info { background:#EEE; padding:10px; font-size:17px; position:relative; margin-bottom:20px }
.info:after { width:0; height:0; border-style:solid; border-width:10px 10px 0 10px; border-color:#EEE transparent transparent transparent; display:block; content:''; position:absolute; bottom:-10px; left:50%; margin-left:-10px }
.info .color { font-size:bold }

h2 { font-size:28px }

.mr20 { margin-right:20px!important }

.button { display:inline-block!important; background:#E3000F; color:#FFF!important; border:none; padding:0 10px!important }
.button[disabled='disabled'] { background:#CCC }
.button:hover { text-decoration:none }
.button.big { font-size:28px; height:50px; line-height:50px }
.button.medium { font-size:20px; height:40px; line-height:40px }
.button.small { font-size:16px; height:30px; line-height:30px }

.icon { background:url("images/icons.png") no-repeat }

ul.social { float:right; list-style:none; margin:40px 0 0; padding:0 }
ul.social li { float:left; margin-left:10px }
ul.social li a { display:block; width:37px; height:37px; text-indent:-9999px }
ul.social li#facebook a { background-position:0 -50px }
ul.social li#google a { background-position:0 -110px }

.form-control { background-position:right 3px; border-color:#F4F4F4; box-shadow:none; -webkit-box-shadow:none; background-color:#FFF; border-radius:0; height:38px; margin-top:40px }

.home hr { max-width:50%; border-top-color:#000; margin:70px auto }
.home h1, .home h2 { font-weight:bold; text-align:center; font-size:30px; margin-bottom:30px }
.bx-wrapper { top:-190px; margin-bottom:-190px; z-index:0 }
.bx-wrapper .item { overflow:hidden; padding-top:230px; left:0; top:0; width:100%!important }
.bx-wrapper .item > span { display:block }
.bx-wrapper .item .slider-title { font-size:60px; line-height:110%; position:relative; z-index:3; color:#666 }
.bx-wrapper .item .slider-title .text-shadow { position:absolute; color:#FFF; top:-2px; left:14px }
.bx-wrapper .carousel-background { position:absolute; z-index:0; width:100%; top:0 }
.bx-wrapper .carousel-background img { width:100% }
.bx-controls { bottom:50px; position }
.bx-pager li { margin-left:5px!important; margin-right:5px!important }

.home .post_content .container > p { font-size:15px; line-height:150%; text-align:center }

.home-box { margin-top:20px }
.home-box a span { display:block }
.home-box a { background-size:auto 880px!important; background-repeat:no-repeat; display:block; color:#FFF; position:relative; height:440px; background-position:center top }
.home-box a:hover { text-decoration:none; background-position:center bottom }
.home-box-content { background:rgb(0,0,0); background:transparent\9; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000); zoom:1; padding:10px; position:absolute; left:0; right:0; bottom:0 }
.home-box-content:nth-child(n) { filter:none }
.home-box:hover .home-box-content, .home-box.news-box .home-box-content { visibility:visible }
.home-box.news-box a { background-size:cover!important }
.home-box.news-box a:hover { background-position: center top }

/*
.ritrutturazioni { margin-top:70px }
.ritrutturazioni .ristr-box a { color:#666; text-decoration:none!important; padding:20px; border:solid 1px #000; display:block; margin:20px 0 70px }
.ritrutturazioni .ristr-box .box-title { font-size:30px; display:block }
.ritrutturazioni .ristr-box .box-text { font-size:15px; line-height:150%; text-align:justify }
.ritrutturazioni .ristr-box .box-image { float:left; margin:-21px 21px 21px -21px }
*/

.banner-wide { background-size:cover }
.banner-wide a:hover { text-decoration:none }
.banner-wide.I Nostri Lavori { background-image:url("http://www.portetorino.net/wp-content/themes/graziano/images/I Nostri Lavori.jpg"); background-position:right top }
.banner-wide-content { background:rgba(227,0,15,0.75); color:#FFF; margin:100px 0; padding:50px; border-bottom:solid 3px #FFF }
.banner-wide-content h3 { font-size:28px; font-weight:bold; margin:0 0 30px }
.banner-wide-content p { font-size:18px }
.banner-wide-content .arrow { text-align:right; margin-top:30px }

.facebook-box { background:#3C5A9A; padding-top:30px; margin:30px 0; display:block; color:#FFF!important; text-decoration:none!important }
.facebook-box img { max-width:100% }

.post_content .gallery .thumbnail, .post_content .gallery .thumbnail img { width:100%; border:solid 1px #FFF!important }

.product-tools a { display:block; background:#D3D4D8; color:#FFF; text-transform:uppercase; text-decoration:none; font-size:16px; margin-bottom:10px; height:30px; line-height:30px; padding:0 10px }
.product-tools a:hover { background:#E3000F }

.banner-area .banner { margin-bottom:20px }

.partners { text-align:center }
.partners a { display:inline-block; margin:0 10px 10px }

/* Staff */
.staff h2 { font-size:20px; margin-bottom:0 } 
.staff h3 { font-size:14px; color:#AAA; margin-top:0 } 
.staff p { margin-bottom:40px } 

#inner-footer { background:#D3D4D8; color:#666; padding-top:30px }
#inner-footer #widget-footer .widget:first-child { font-size:12px }
#inner-footer #footer-logo { max-width:85% }
#inner-footer h4 { color:#FFF; font-size:22px }
#inner-footer a { color:#666 }
#inner-footer .gallery-item { margin:0!important }
#inner-footer .gallery-item .thumbnail { margin:0; width:100%; background:none }
#inner-footer .follow-us ul { list-style:none; margin:0 0 20px; padding:0 }
#inner-footer .follow-us ul li { display:inline-block }
#inner-footer .newsletter-form, #inner-footer .mail-to { display:inline-block; background:#D3D4D8 url("images/icons.png") no-repeat; border:solid 1px #FFF; height:40px; line-height:40px; width:96%; padding:0 2px 0 40px }
#inner-footer .newsletter-form { background-position: 10px -162px; margin-bottom:10px }
#inner-footer .newsletter-form .wpcf7-not-valid-tip { position:absolute; left:-40px; bottom:-45px; width:100%; white-space:nowrap }
#inner-footer .newsletter-form .ajax-loader { display:none }
#inner-footer input[type="email"], #inner-footer input[type="text"] { background:none; border:none; width:64%; height:38px; vertical-align:middle }
#inner-footer .mail-to { background-position: 10px -212px }
#inner-footer a.mail-to:hover { background-color:#DBDCDF; border-color:#DBDCDF; text-decoration:none }
#inner-footer input[type="email"]::-webkit-input-placeholder { color:#666 }
#inner-footer input[type="submit"] { float:right; margin-top:4px }

.breadcrumbs { font-size:13px; color:#E3000F }
.breadcrumbs a { color:#777}

.widget ul { list-style:none; padding:0; margin:0 }

/* Form */
.ajax-loader { width: auto!important }
.contact-form input[type='text'],
.contact-form input[type='email'],
.contact-form input[type='tel'] { width:100%; padding:0 10px; height:30px; line-height:30px; margin-bottom:20px }
textarea { width:100%; padding:10px }
.contact-form .wpcf7-not-valid { border-color:#F00!important }
.contact-form .wpcf7-not-valid-tip { margin:-20px 0 10px }

/******* OVERRIDES */
.navbar { margin-bottom:0; border:none; min-height:140px; position:relative; z-index:1; background:url("images/bg-header.jpg") center; background-size:cover }

.navbar-form { margin:0; padding:0 }
.dropdown .caret { display:none }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { background:none; color:#FFF }
.navbar-default .navbar-nav>li>a { color:#FFF; text-transform:uppercase }

.thumbnail { padding:0; border:none }
.footer-links, .footer-links li, .footer-links .menu { float:none!important; margin:0!important; padding:0!important }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border:none }

.woocommerce ul.products > li { padding-bottom:20px!important; border-bottom:solid 1px #D3D4D8 }
.woocommerce ul.products li.product a { color:#666 }
.woocommerce ul.products li.product a p { font-size:13px }
.woocommerce-result-count, .woocommerce-ordering { display:none }
.woocommerce.single .product_meta { display:none }
.woocommerce.single .summary p { font-size:14px }
.woocommerce-breadcrumb { color:#E3000F!important }
.woocommerce div.product .product_title, h1.page-title, .archive_title, .single-title { color:#E3000F }
.woocommerce .product-category.product h2 { margin-top:0 }
.woocommerce input.button { border-radius:0; font-weight:normal }
.woocommerce div.product div.images img { max-width:450px }
.woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a { width:auto }

/******* RESPONSIVE */
@media (max-width:1199px) {
	.nav>li>a { padding-left:10px; padding-right:10px }
}

@media (min-width: 768px) {
	.navbar-nav>li>a { padding-left:12px; padding-right:12px }
	.navbar-default .navbar-nav>li>a:hover { color:#FFF }
	.navbar-default .navbar-collapse { padding:0; margin-top:60px }
	.home .navbar-default .navbar-collapse { background:rgb(0,0,0); background:transparent\9; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000); zoom:1 }
	.navbar-default .navbar-collapse:nth-child(n) { filter:none }
	.bx-wrapper .item { height:500px }
	.home .navbar { background:none }
	.home-box-text { font-size:15px; line-height:150% }
	.woocommerce-page ul.products li.product-category { width:30.8% }
	.tax-product_cat ul.products li.product-category img { width:50%!important; margin-right:3%!important; float:left }
	/* Change menu behavior */ #menu-main-menu li.dropdown:hover ul.dropdown-menu { display: block }
}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar-nav { font-size:12px }
	.form-control { width:150px!important }
	.home-box-title { font-size:20px }
}

@media (min-width: 992px) {
	.navbar-nav>li>a { padding-left:20px; padding-right:20px }
	.form-control { width:300px!important }
	.home-box-title { font-size:30px }
	.home-box-text { font-size:15px; line-height:180% }
}

@media (min-width: 1024px) {
	.navbar-nav>li>a { padding-left:17px; padding-right:17px }
	.bx-wrapper .item { height:700px }
	.navbar-nav { font-size:15px }
}

@media (min-width: 1200px) {
	.navbar-nav>li>a { padding-left:30px; padding-right:30px }
	.bx-wrapper .item { height:850px }
	.home-box-content { visibility:hidden }
}

@media (max-width: 1023px) {
	.thumbnail-wrapper h1 { font-size:30px; line-height:50px }
	.thumbnail-wrapper h1:before { height:50px }
	.bx-wrapper .item .slider-title { font-size:40px!important }
}

@media (max-width: 767px) {
	.home-box-title { font-size:20px }
	.bx-wrapper, ul.social { display:none }
	.form-control { margin-top:80px; margin-bottom:20px }
	/* Change menu behavior */ #menu-main-menu ul.dropdown-menu { display: block; position:static; box-shadow:none; -webkit-box-shadow:none; width:100%; border-width:0 0 1px; float:none; border-radius:0 }
	.small-table .row:first-child { display:none }
	.banner-wide-content h3 { font-size:24px }
	.home-box.news-box a { height:300px }
	.arrow { display:none }
}

/* Cookie */
.small-table { font-size:0.95em; -ms-word-break:break-all; word-break:break-word; word-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; margin-bottom:20px }
.small-table .row { border-bottom:solid 1px #CCC; padding:15px 0 }
.small-table .row:first-child { text-transform:uppercase }
.small-table .row div:first-child { font-weight:bold }

/****************************************/
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
}

.bx-wrapper .bx-controls {
    position: absolute;
    left: 50%;
    z-index: 99;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

.bx-pager-item { display:inline-block; width:20px; height:20px }

.bx-pager-link { display: inline-block;
    width: 10px;
    height: 10px;
    margin: 5px;
    text-indent: -9999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0,0,0,0)
}

.bx-pager-link.active {	
    background-color: #fff;
}

/* stili nuovo footer corporate */
#footer-corporate {
  text-align: center;
  padding: 25px 25px 10px 5px;
  float: right;
}
#footer-corporate a {
  text-decoration: none;
  color: #999;
  -webkit-transition: color 200ms ease-out;
  transition: color 200ms ease-out;
}
#footer-corporate a:hover {
  color: #fff;
}
#footer-corporate .logo {
  display: inline-block;
  vertical-align: middle;
  width: 130px;
  height: 24px;
  position: relative;
  top: -3px;
  margin-right: 20px;
}
#footer-corporate .svg-a {
  fill: #FFF;
}
#footer-corporate .svg-b {
  fill: #FDCD0D;
}
#footer-corporate .svg-c {
  fill: #EC185E;
}
#footer-corporate .svg-d {
  fill: #9ACA3C;
}
#footer-corporate .svg-e {
  fill: #FFF2DF;
}
#footer-corporate .svg-f {
  fill: #2D1551;
}
#footer-corporate .svg-g {
  fill: #FD0;
}
#footer-corporate .svg-h {
  fill: #26C2F2;
}
#footer-corporate h6 {
  display: inline-block;
  padding: 0 20px;
  vertical-align: middle;
  margin: 0;
  font-family: "Arial";
}
#footer-corporate ul {
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  list-style: none;
  font-size: 0;
}
#footer-corporate li {
  display: inline-block;
  padding: 5px 10px 5px 5px;
  font-size: 11px;
}
#footer-corporate .footer-rule + ul li {
  padding: 5px;
}
#footer-corporate p {
  color: #999;
  font-size: 11px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 10px;
}