/*
 Theme Name:Cellerini
 Theme URI:http://www.cellerini.it
 Description:Twenty Twelve Child Theme
 Author:GG service
 Author URI:http://www.ggservice.com
 Template:twentytwelve
 Version:1.0.0
 Text Domain:cellerini
*/

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

/* ------------ Regole generiche ------------------------------------------------- */
body { background:/* url(images/bg_body.gif) repeat-x top center fixed #e5e5e5 */ #FFF; font-size:14px; }
body .site { background:none; box-shadow:none; margin:0 auto; padding:0 30px; max-width:980px; min-width:200px; }
.site-header { padding-bottom:0; }
#main { background:#FFF; padding:30px 0; min-height:400px; }

h1, h2, h3, h4, h5, h6 { display:inline; } 
.site-content { margin: 10px 0 0 0; }
/*.archive-header, .page-header, .entry-header { margin:0 0 15px -30px; padding:5px 20px 20px 30px; border-bottom:0; background:url(images/bg_titolo.png) no-repeat left top; }*/
.archive-header, .page-header, .entry-header { border-bottom:1px dashed #CCC; padding:5px 0; }
.archive-header h1, .page-header h1, .entry-header h1 { font-weight:normal; /* font-style:italic; */ font-size:30px !important; color:#72562f; letter-spacing:-1px; }
.entry-content img, img.wp-post-image { border-radius:0; box-shadow:none; }
.entry-content p { margin: 0 0 15px; line-height: 1.5; }
hr { margin: 24px 0; }
a, .entry-content a:visited { color:#000; }
a:hover { text-decoration:underline; }
*:hover { transition:background .25s ease-in-out; -moz-transition:background .25s ease-in-out; -webkit-transition:background .25s ease-in-out; }
.entry-content blockquote, .comment-content blockquote { font-style: normal; }

.breadcrumbs, .breadcrumbs a { font-size:11px; }
blockquote { background:#F5F5F5; }

.bottone { padding:5px 20px; margin:0 0 5px 0; display:inline-block;  color:#fff !important; font-size:16px; background-color:#70542e; text-decoration:none; cursor:pointer; }
.bottone:hover { color:#fff; background-color:#B8860B; text-decoration:none;  }
.bottone.grigio { background-color:#706f6d; }
.bottone.grigio:hover { background-color:#999; }



/* ------------ Font ------------------------------------------------------------ */
body, html { font-family:'Open Sans', sans-serif; }
.single .entry-title, .bottone, input.torna, #tabella span, #menu-categorie, #tabs li a, .wpcf7-form h3, input[type="submit"],
h1, h2, h3, h4, h5, h6, #call2act, .wpcf7-form p, blockquote { font-family:'Questrial', sans-serif; }
.prezzo, .dati-legali strong, #tabella li { font-family:Georgia, 'Times New Roman', serif; }


/* ------------ Menu ------------------------------------------------------------- */
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { border:0 none; }
.main-navigation ul li a { text-transform:none; font-size:15px; }

.cml_flags a { font-weight:bold; color:#663300 !important; }
.cml_flags img { display:none; visibility:hidden; }

#menu-istituzionale { display:inline-block; float:right; margin-top:65px; }
#menu-istituzionale li { border-left:1px solid #CCC; padding:0 10px; margin:0;  }
#menu-istituzionale li:first-child { border:0 none; }
#menu-istituzionale li:last-child { padding-right:0; }
#menu-istituzionale li a { line-height:32px; font-size:14px; }
#menu-istituzionale .current-menu-item > a { font-weight:normal; text-decoration:underline; }

#menu-categorie { background:#4b2d0e; }
#menu-categorie li { margin:0 10px; }
#menu-categorie li:first-child { padding-left:15px; }
#menu-categorie li a { color:#FFF; line-height:45px; font-size:16px; }
#menu-categorie li a:hover { color:#e2a50d; }
#menu-categorie .current-menu-item > a { font-weight:normal; background:url(images/bg_menu_principale_active.png) bottom center no-repeat; color:#b98149 !important; }


/* ------------ Categorie ---------------------------------------------------------- */
.lista-prodotti { margin: 0 auto; }
.prodotto { text-align:center; display:inline-block; width:180px; padding:3px 10px 50px 10px; }
.prodotto:hover { background:url(images/bg_prodotto.png) no-repeat center top; transition:none; -moz-transition:none; -webkit-transition:none; }
.prodotto a { text-decoration:none; }
.prodotto .codice { font-size:14px; line-height:20px; margin-top:10px; }
.prodotto .prezzo { font-size:16px; line-height:20px; margin-bottom:10px; }
.prodotto .bottone { display:inline-block; font-size:13px; }


/* ------------ Articoli ---------------------------------------------------------- */
.lista-prodotti { /* max-width:800px; */ max-width:812px; }
.site-content article { padding-bottom: 0; }
#tabella { margin:30px 0; padding:0; list-style:none; font-size:18px; }
#tabella li { border-bottom:1px dotted #CCC; padding:0; margin:0; }
#tabella span { display:inline-block; float:left; width:130px; font-size:12px; line-height:30px; text-transform:uppercase; }

#call2act { padding:30px 300px 30px 30px; margin:0 0 20px 0; line-height: 1.714285714; background:url(images/bg_call2act.jpg) repeat-y top right; }
#call2act span { font-size:20px; line-height: 1.2; }
#call2act .pelle { padding-left:50px; background:url(images/bg_pelle.png) no-repeat left center; }

div.pelle { width:100px; height:100px; margin:3px 0; position:relative; display:inline-block; }
p.nome-pelle { text-align:center; background:#FFF; color:#000; padding:3px; margin: 0; position: absolute; bottom:4px; left:4px; right:4px; font-size: 12px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }


/* ------------ Pagine ---------------------------------------------------------- */
.site-content article { border-bottom:0; margin-bottom:0; }
img.wp-image-965 { margin: -130px -10px 0 0; } /* fibbie cinture personalizzate */

.colonna-foto { width: 300px; float: right; padding:0 0 25px 25px; margin-top: -100px; }
.colonna-foto a, .colonna-foto p { float:left; margin:0; padding:0; line-height:0; width: 100px; }



/* ------------ Flexslider ---------------------------------------------------------- */
.metaslider .flexslider { margin: 0 !important; }
.flex-control-nav { bottom: 20px !important; z-index:999; }
/* ------------ Zooperzoom ---------------------------------------------------------- */
.szg-superzoomgallery { margin-bottom:30px; } 
.szg-thumbs img { border:1px solid #999; }
/* ------------ Fancybox ---------------------------------------------------------- */
.fancybox-inner {overflow:scroll!important;}
span#trigger-fodera, span#trigger-pellame, span#trigger-girovita { padding:3px 10px; margin:10px; background:#000; color:#FFF; border-radius: 3px; font-style:normal; word-wrap: break-word; }
span#trigger-fodera:hover, span#trigger-pellame:hover, span#trigger-girovita:hover { background:#B8860B; cursor:pointer; }



/* ------------ Moduli dei contatti ---------------------------------------------------------- */
.wpcf7-form { margin-bottom:30px; }
.wpcf7-form .half { width:48%; margin:0 2% 2% 0; float:left; }
.wpcf7-form .last { width:48%; margin:0 0 2% 2%; }
.wpcf7-form .clear { clear:both; }

.wpcf7-form h3 { display:block; margin:0 0 3% 0; border-bottom:1px #CCC solid; color:#630; font-size: 22px; }
.wpcf7-form p { margin:0 0 10px 0; /* font-style:italic; */ }
.wpcf7-form button, .wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea { width: 98%; padding: 1%; font-size: 20px; }
.wpcf7-form select { width: 100%; }
.wpcf7-form input[type="checkbox"], input[type="radio"] { width: initial !important; margin: 10px 0 0 0; }
.wpcf7-form span.wpcf7-list-item { font-style: normal; }
.wpcf7-form input[type="submit"] { width: 100%; background: #000; color: #FFF; border: 0 none; font-size: 16px; }
.wpcf7-form input[type="submit"]:hover { background: #444; color: #FFF; }
.wpcf7-response-output { margin: 0 0 40px 0 !important; padding: 30px !important; font-weight:bold; }

input.torna { color:#333; font-size:13px; background:#CCC; padding:5px 30px; margin:10px 0; border:0; border-radius:0; }
.modulo-contatti { padding:30px 30px 0 30px; background: #F5F5F5; border:1px solid #CCC; float: left; width: 45%; margin-right:30px; }


/* ------------ Footer ----------------------------------------------------------- */
footer[role="contentinfo"] { border-top:0; margin-top:0; }
.dati-legali { text-align:center; font-size:11px; line-height:16px; }
.dati-legali strong { color:#70542e; }




@media screen and (min-width:860px) { 
	.szg-superzoomgallery { width:490px; float:left; } 
}
@media screen and (max-width:960px) {	
	hgroup { text-align:center; }
	#menu-istituzionale { width:100%; margin-top:20px; }
	#menu-istituzionale ul, #menu-categorie { text-align:center; }
	#menu-categorie .current-menu-item > a { background:none; }

}
@media screen and (max-width:936px) { 
	.lista-prodotti { max-width:600px; } 

}
@media screen and (max-width:736px) { 
	.lista-prodotti { max-width:400px; } 
	#call2act { padding:30px 150px 30px 30px; background-position:top right -150px;  }
	
	img.wp-image-965 { margin: 0 auto !important; width: 359px; float: none; } /* fibbie cinture personalizzate */
	.colonna-foto { width: 100%; margin-top:0; }


	
}
@media screen and (max-width:599px) {	
	#menu-categorie { width: 100%; }
	#menu-categorie a { text-decoration:none; }
	#menu-categorie li { border-bottom: 1px solid #70542e; }
	.main-navigation ul.nav-menu.toggled-on, .menu-toggle, .menu-toggle:hover { display: block; background: #000; color: #FFF; border: 0; border-radius: 0; box-shadow: none;  }
	.lista-prodotti { max-width:200px; }
	.modulo-contatti { float: none; width: 85%; margin-right:0; margin-bottom:30px; }
	/* Aggiunte PIZZA */
	header {padding-top:10px;}
	header #cambia-lingua {display:block!important; float:right; background-color:#FFF; padding:7px 10px; line-height:12px; font-size: 12px;}
	#menu-istituzionale-footer {display:block!important; text-align:center; margin-bottom:10px;}
	#menu-istituzionale-footer a {text-decoration:none}
	#menu-istituzionale-footer ul > li.menu-item-28 {display:none;}
}




/* NASCONDO LA GALLERIA MOBILE */
.single #gallery-mobile { display:none; visibility:hidden; }

@media (min-width: 1px) and (max-width: 991px) {
	/* NASCONDO ZOOMGALLERY */
	.szg-superzoomgallery { display:none; visibility:hidden; }
	.single #gallery-mobile { display:block; visibility:visible; }
}