/*
Theme Name: Gradisciutta 2015
Theme URI:  
Author: Igor Skorjanc
Author URI: http://simpl.pro/
Description: 
Version: 1.0
License: 
License URI: 
Tags: 
*/
@import url("fonts/stylesheet.css");

@import url(http://fonts.googleapis.com/css?family=Oxygen+Mono);
/* Starter CSS for Menu */
#cssmenu {

}
#cssmenu ul  ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu ul {
  position: relative;
  z-index: 597;
}
#cssmenu ul li {
  float: left;
  min-height: 1px;
  vertical-align: middle;
}
#cssmenu ul li.hover,
#cssmenu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#cssmenu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}
#cssmenu ul ul li {
  float: none;
}
#cssmenu ul ul ul {
  top: 0;
  left: 190px;
  width: 190px;
}
#cssmenu ul li:hover > ul {
    margin: 0px;
    padding: 0px;
	visibility: visible;
	
}
#cssmenu ul ul {
  bottom: 0;
  left: 0;
}
#cssmenu ul ul {
  margin-top: 0;
}
#cssmenu ul ul li {
  font-weight: normal;
	display:block;
}
#cssmenu a {
  display: block;
  line-height: 2em;
  text-decoration: none;
}
/* Custom CSS Styles */
#cssmenu {
}
#cssmenu > ul {
  *display: inline-block;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu ul {
  text-transform: uppercase;
}
#cssmenu ul ul {
}
#cssmenu ul ul a {
	display:block;
font-size:16px;
	width: 100%;
}
#cssmenu ul ul ul {
  border-top: 0 none;
}
#cssmenu ul ul li {
  position: relative;
	width: 100%;
}
#cssmenu ul ul li:first-child > a {

}
#cssmenu ul ul li:hover > a {
  background: #d0c6bb;
  color: #ffffff;
}
#cssmenu ul ul li:last-child > a {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#cssmenu ul ul li:last-child:hover > a {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#cssmenu ul ul li.has-sub > a:after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
}
#cssmenu ul li:hover > a/*,
#cssmenu ul li.active > a*/ {
  background: #d0c6bb;
  color: #ffffff;
}
#cssmenu ul li.has-sub > a:after {
  content: '+';
  margin-left: 5px;
}
#cssmenu ul li.last ul {
  left: auto;
  right: 0;
}
#cssmenu ul li.last ul ul {
  left: auto;
  right: 99.5%;
}
#cssmenu ul ul li a {
  background: #333333;
  color: #CBCBCB;
  padding: 0 20px;
}
#cssmenu > ul > li > a {
	padding:4px 8px;
}

body {overflow-x:hidden; padding: 0px;}
h1,h2,h3,h4,h5,h6, header a, p, li, td{ font-family: 'EB Garamond', serif;}
p {font-size: 1em;}
#azienda p a {text-decoration: none;}
.alignright {float: right; margin-left: 1em;}
.alignleft {float: left; margin-right: 1em;}
.wpb_text_column p {font-size: 1.8em;}

.vc_col-sm-3 h2 {padding-top: 0em;}

.page h2{ color: #b78d6d; margin-bottom: 1em; font-size:2em; text-shadow:0px 0px 0px ,0px 0px 0px ; text-align: left;margin-bottom: 0.5em;}
.page p {font-size: 1.2em;}

.home h2{color: black; text-align: center;font-size: 3.8em; padding-top: 1em;}

.home .vc_col-sm-3 { overflow: hidden;}

.vc_custom_1444837946375 {
    padding-top: 29px;
    padding-left: 29px;
}
a{
	color: black;
	}
a:hover{
	color: #d0c6bb;
}
.home a:hover{ color: black;}
.marrone {
	color: #d0c6bb;
}
.wpb_single_image img {width: 100%;}
.vc_col-xs-1, .vc_col-sm-1, .vc_col-md-1, .vc_col-lg-1, .vc_col-xs-2, .vc_col-sm-2, .vc_col-md-2, .vc_col-lg-2, .vc_col-xs-3, .vc_col-sm-3, .vc_col-md-3, .vc_col-lg-3, .vc_col-xs-4, .vc_col-sm-4, .vc_col-md-4, .vc_col-lg-4, .vc_col-xs-5, .vc_col-sm-5, .vc_col-md-5, .vc_col-lg-5, .vc_col-xs-6, .vc_col-sm-6, .vc_col-md-6, .vc_col-lg-6, .vc_col-xs-7, .vc_col-sm-7, .vc_col-md-7, .vc_col-lg-7, .vc_col-xs-8, .vc_col-sm-8, .vc_col-md-8, .vc_col-lg-8, .vc_col-xs-9, .vc_col-sm-9, .vc_col-md-9, .vc_col-lg-9, .vc_col-xs-10, .vc_col-sm-10, .vc_col-md-10, .vc_col-lg-10, .vc_col-xs-11, .vc_col-sm-11, .vc_col-md-11, .vc_col-lg-11, .vc_col-xs-12, .vc_col-sm-12, .vc_col-md-12, .vc_col-lg-12
{
	padding: 0px;
}
.wpb_text_column.wpb_content_element .wpb_wrapper {padding: 1.5em;}
.post-531 .wpb_text_column.wpb_content_element .wpb_wrapper{padding: 0px;height: 100%;display: block;}
.wpb_content_element{margin-bottom: 0px;}
.vc_column_container>.vc_column-inner {padding: 0px; height: 100%;}
.col-md-12 .wpb_row{margin-bottom: 0px;}
/*carousel*/
.chpcs_foo_content img{width: 100%; height: 100%; margin-left: -20%;}
 .chpcs_image_carousel .chpcs_prev{
 	background-image: url('../../plugins/wc-gallery/includes/vendors/owlcarousel/assets/slide-arrow-left.png')!important;
 	background-position: center center!important;;
 	width: 50px!important;;
 	height: 50px!important;;
} 
 .chpcs_image_carousel .chpcs_next{
 	background-image: url('../../plugins/wc-gallery/includes/vendors/owlcarousel/assets/slide-arrow-right.png')!important;
 	background-position: center center!important;;
 	width: 50px!important;;
 	height: 50px!important;;
}
 .chpcs_image_carousel .chpcs_next span, .chpcs_image_carousel .chpcs_prev span {display: none!important;}
/*loader home*/
.invisible{opacity: 0;}
#loader-wrapper {
		    position: fixed;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		    z-index: 1000;
		    background-color: #d0c6bb;
		}
		#loader .logo {position: absolute; bottom: 10%;left: 10%;}
		#loader .scritta {position: relative; margin: 10em auto;text-align: center;}
		#loader .robertprincic {position: relative; margin: 10em auto;text-align: center;}


		    /* Loaded */
		    .loaded #loader-wrapper .loader-section.section-left {
		        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
		            -ms-transform: translateX(-100%);  /* IE 9 */
		                transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

		        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
		                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
		    }

		    .loaded #loader-wrapper .loader-section.section-right {
		        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
		            -ms-transform: translateX(100%);  /* IE 9 */
		                transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

		-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
		        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
		    }
		    
		    .loaded #loader {
		        opacity: 0;
		        -webkit-transition: all 0.3s ease-out;  
		                transition: all 0.3s ease-out;
		    }
		    .loaded #loader-wrapper {
		        visibility: hidden;

		        -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
		            -ms-transform: translateY(-100%);  /* IE 9 */
		                transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

		        -webkit-transition: all 0.3s 1s ease-out;  
		                transition: all 0.3s 1s ease-out;
		    }
			.no-js #loader-wrapper {
			    display: none;
			}

/*Header*/
header {margin: 2em 0px;z-index:1;position:relative;}
header div.logoprincipale{ margin: 0px auto;z-index:3;}
header div.logoprincipale a{display:block;}
header div.logoprincipale img{ display: block;clear: both; margin: 1em auto;}
header li {font-size:1.3em;display: inline-block;list-style: none;text-align: left;width: 14%; margin-top: 6em; margin-bottom: 3em;}
header ul {width: 100%;}
.language {z-index: 2;    right: 0px;display: block;    position: absolute;    z-index: 2;}
.language ul{background-color:  #d0c6bb; float: right; margin-top: 80px; width: 180px; padding: 5px 10px;}
.language ul li {display: inline-block;list-style: none;}
.language ul a {margin-right: 10px; text-transform: uppercase;}
/* vini gallery*/
#vini {
	padding-top: 100px;
}
/* scheda vino*/
.single-vino .attachment-post-thumbnail {float: left;}
.single-vino .wpb_text_column p {font-size: 1.2em; padding: 0em; color: #555;}


.single-vino .wpb_content_element, .single .wpb_text_column.wpb_content_element .wpb_wrapper {padding: 0px;margin-bottom: 10px;}
.single-vino .wpb_single_image img{width: 86%;}

/* logo small*/
.logosmall{
	background-image: url(images/gradisciutta-logo-small.svg);
	background-position: center;
	background-repeat: no-repeat;
	height: 50px;
	margin: 130px auto 60px auto;
}
.owl-carousel.owl-loading {display:block}
/*style for contacts*/

#contatti {text-align: center;}
	#contatti h2{margin-bottom: 2em;}
	#contatti form {width: 300px; margin: 0px auto; }
	#contatti input, #contatti textarea{background-color: #c2b8ad; border:0px; color:black; width: 100%; padding: 4px 10px;}
	#contatti input[type=submit] {float: right; background-color: #666666; color: white; padding: 5px 15px; width: 30%;}

#footer{
	background-color:  #d0c6bb;
	padding: 2em 0px; 
}
#footer h4 {font-weight: bold;font-size: 1.4em;}
#footer a:hover{color: white;}
#postfooter {padding: 2em 0px; }
.dmbs-main,#contatti {margin-bottom: 100px;}
 .scrolloff {
        pointer-events: none;
    }
.navigation{
	margin-top: 60px;
}
.navigation a {
	font-size: 1.2em;
	color:#d0c6bb;
}
#news h3 a{color:#b78d6d;}
#news h3 {margin-top: 20px; margin-bottom: 5px;}
.page-header {border-bottom:1px solid #d0c6bb;}
.ess-buttons {height:60px; border-top:1px solid #d0c6bb;padding: 5px;width: 29%;margin-top:2em;}
.ess-buttons  li {display: inline-block;list-style: none;margin-right: 15px;color: #d0c6bb;font-size:8px;width:30px;}
.iubenda-ibadge {vertical-align: middle;}
li.ess-share-text {display: none;}
.home h2.widgettitle{display: none;}
.ex-attachments-smallicons {list-style: none!important;margin: 0px;padding: 0px;}
.ex-attachments-smallicons li {display: block;}
.vc_row {margin: 0px;}
.post-531 .vc_row{margin: 0px -15px;}
.scritta {height: 130px;}
.language ul a{z-index:4;}
.widget_ex_attachments {
	list-style:none;
}
    /* Large desktop */
    @media (min-width: 1200px) {  
 		#responsive-menu-button{display:none!important;}
  	
    } 
    /* Large desktop */
    @media (min-width: 980px) and (max-width: 1199px) {  
		  .page p {
		    font-size: 1.1em;
		}
		.home h2 {
			font-size: 3em;
		}
		#responsive-menu-button{display:none!important;}
    } 

    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) {  
    	header li {margin-top: 2em;margin-bottom: 2em;}
     	.language ul{margin-top: 30px;}
     	.page p {
		    font-size: 0.85em;
		}
		.home h2 {font-size: 2em;}
		.menu1,.menu2{margin-top: 70px;}
		.ess-buttons {width: 43%;}
		#responsive-menu-button{display:none!important;}
	} 
     
    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) { 
    	.scritta {width: 70%; height: auto;}
    	header ul {margin: 0px; padding: 0px; }
    	header li {margin-top: 2em;margin-bottom: 2em;}
    	.row {margin-left: 0px; margin-right: 0px; }
    	.wpb_single_image .vc_single_image-wrapper {width: 100%;}
    	#contatti form {width: 260px;}
    	#contatti form input[type=email],#contatti form input[type=text], #contatti textarea {width: 200px;}
     	.language ul{margin-top: 30px;}
		.chpcs_foo_content img {margin-left: 0px;}

    	.ess-buttons {width: 60%;}
		#cssmenu{
			display:none;}
	}     
    /* Landscape phones and down */
    @media (max-width: 480px) { 
  		#cssmenu{
			display:none;}  	header div.logoprincipale {margin-top: -30px;}
    	.menu1{margin-top: 30px;}
    	.language {position: relative;}
    	header li {margin-top: 1em;margin-bottom: 1em;}
		.vc_custom_1444837946375 {
		    padding-top: 0px;
		    padding-left: 0px;
		}
		.ess-buttons {width: 90%;}
    }