body, h6, p, span{
  font-family: 'Yantramanav', sans-serif!important;  
}

h1, h2, h3, h4, h5{
  font-family: 'EB Garamond', serif!important;  
}

h4 {
    font-size: 21px;
    line-height: 25px;
    font-weight: 500;
    letter-spacing: 0px;
}

h3 {
    font-size: 25px;
    line-height: 35px;
    font-weight: 400;
    letter-spacing: 0px;
}

h2 {
    font-size: 45px;
    line-height: 55px;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: none!important;
}

.title {
    font-size: 3.823em!important;
    line-height: 65px;
    font-weight: 700;
    letter-spacing: 0px;
}

.themecolor{
    color:#ccb7a3!important;
    text-transform: uppercase!important;
}

.bianco{
    color:#fff!important;
}

.maiuscolo{
    text-transform: uppercase!important;
}


/* barra menu ----------------------------------------------------------------------------------------------------------------*/

::selection {
    background-color: #ccb7a3!important;
}

.sfondo-menu{
    background-color: #483728!important;
    z-index: 1000000!important;
}

#Header .top_bar_left, .header-classic #Top_bar, .header-plain #Top_bar, .header-stack #Top_bar, .header-split #Top_bar, .header-fixed #Top_bar, .header-below #Top_bar, #Header_creative, #Top_bar #menu, .sticky-tb-color #Top_bar.is-sticky {
   background-color:#2f2118!important;
}

#menu > ul > li > a, a.button.action_button {
    letter-spacing: 1px!important;
    font-family: 'Yantramanav', sans-serif!important; 
}

#Top_bar .menu > li > a, #Top_bar #menu ul li.submenu .menu-toggle {
    color: #fff;
}


/* header ----------------------------------------------------------------------------------------------------------------*/

/* 

.rev-btn{
    font-family: 'Yantramanav', sans-serif!important; 
    font-weight: 500!important;
}

*/


.homeslide {
    display: block;
    position: relative;
    width: 100%;
    height: 100vh;
    background-color: #CCCCCC;
    overflow: hidden;
}

.homeslide h1 {
    position: absolute;
    width: 100%;
    top: 45%;
    text-align: center;
    color: #FFFFFF;
    z-index: 100!important;
    text-shadow: 3px 3px 3px #666666;
    font-size: 4.8em;
}


.slide-caption {
    display: block;
    width: 400px;
    height: 300px;
    position: absolute;
    background-color: rgba(255,255,255,0.5);
    margin-bottom: 50px;
    margin-left: 25%;
    z-index: 100000!important;
}


#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
    top: 40%!important;
}


#wowslider-container1 a.ws_prev::before, #wowslider-container1 a.ws_next::before { 
    color: #FFFFFF;
    background-color: #ccb7a3!important;
    padding: 15px;
    border-radius: 30px;
}

#wowslider-container1 a.ws_next::before {
    margin-left: -20px!important;
}



/* mezzo parallasse */

.section .mcb-section {
    overflow: hidden!important;
}


.mezzo-parallasse-sx, .mezzo-parallasse-dx, .mezzo-parallasse-pieno-sx, .mezzo-parallasse-pieno-dx  {
    display: block!important;
    height: 100vh;
   /* background-color: #D5C4B4; */
    position: absolute;
    z-index: 10;
    margin-top: -130px;
    width: 50%!important;
    background-color: rgba(213,196,180,0.95);
}


.mezzo-parallasse-dx, .mezzo-parallasse-pieno-dx {
   margin-left: 50%!important; 
}



.mezzo-parallasse-pieno-sx, .mezzo-parallasse-pieno-dx  {
       background-color: rgba(213,196,180,1)!important;
}




/* bordi animati */


.box-bordato
{
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 2px;
  background-color: #CBB8A4; /* gold */
  /* Single pixel data uri image http://jsfiddle.net/LPxrT/ 
  /* background-image: gold, gold, white */
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAOqrAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='),  url('data:image/gif;base64,R0lGODlhAQABAPAAAOqrAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='),
url('data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==');
  background-repeat: no-repeat;
  background-size: 0 2px, 0 100%, 0% 2px;
  background-position: top center, top center, bottom center;
  -webkit-animation: drawBorderFromCenter 4s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes drawBorderFromCenter {
    0% {
      background-size: 0 2px, 0 0, 100% 100%;
    }
    20% {
      background-size: 100% 2px, 100% 0, 100% 100%;
    }
    66%
    {
      background-size: 100% 2px, 100% 98%, 100% 100%;
    }
    99%
    {
      background-size: 100% 2px, 100% 98%, 0 2px;
    }
}

 
.content, .content-2, .content-3 {
  display: block;
  position: relative;
  height: 200px;
  background-color: #FFFFFF;
  padding: 2em;
}

.content-2 {
    height: 250px;
}

.content-3 {
    height: 300px;
}

/* sezioni */

#sezione-1, #sezione-2, #sezione-3, #sezione-4{
  /*  background-color: #ffffff!important; */
    background-color: rgba(255,255,255,0.6);
    padding: 60px 50px 40px!important;
    position: relative;
    z-index: 100!important;
}

a.button, a.tp-button {
    background-color: #ccb7a3;
    color: #fff;
}

[class^="icon-"]::before, [class*=" icon-"]::before {
    color: #fff;
}

a.button::after, a.tp-button::after, button::after, input[type="submit"]::after, input[type="reset"]::after, input[type="button"]::after {
    background: rgba(72, 55, 40, .7);
}

.tp-resizeme{
    z-index: 111116; 
    min-width: 466px; 
    max-width: auto; 
    white-space: nowrap; 
    font-size: 2em!important; 
    line-height: 35px!important; 
    font-weight: 700; 
    color: #fff2e0; 
    letter-spacing: 2px!important;
}


.content-bottega {
    min-height: 270px;
}

.content-ristorazione {
    min-height: 320px;
}

.content-emporio {
    min-height: 300px;
}

.content-fattoria {
    min-height: 320px;
}


.content-coltivazione {
    min-height: 370px;
}



/* gallery */

	#wrapper {
				height: 100%;
				width: 100%;
				min-height: 650px;
				min-width: 900px;
				padding-top: 1px;
			}

#zerbislider {
				margin: 100px 0 0 0;
				height: 700px!important;
				overflow: hidden;
				background: url(img/ajax-loader.gif) center center no-repeat;
			}
			
			#zerbislider .slide {
				position: relative;
				display: none;
				height: 700px;
				float: left;
				background-position: center right;
				cursor: pointer;
				border-left: 1px solid #fff;
                background-size: cover;
                background-repeat: no-repeat;
			}
			
			#zerbislider .slide:first-child {
				border: none;
			}
			
			#zerbislider .slide.active {
				cursor: default;
			}
			
			#zerbislider .slide-block {
				position: absolute;
				left: 40px;
				bottom: 75px; bottom: 30%!important;
				display: inline-block;
				width: 435px;
				background-color: #fff;
				background-color: rgba(255,255,255, 0.8);	
				padding: 20px;
				font-size: 14px;
				color: #134B94;
				border: 1px solid #fff;
				overflow: hidden;
				border-radius: 4px;
			}
			
			#zerbislider .slide-block h4 {
				font-size: 36px;
				font-weight: bold;
				margin: 0 0 10px 0;
				line-height: 1;
			}
			#zerbislider .slide-block p {
				margin: 0;
                color: #312d2a;
                font-size: 1.2em!important;
			}



/* mappa ---------------------------------------------------------------------------------------------------------------------*/

#map {
    display:block;
    position: relative;
    width: 100%;
    height: 500px;
    border-radius: 5px 5px 0 0;
    z-index: 5;
}

/* contatti ---------------------------------------------------------------------------------------------------------------------*/

#contatti a{
    color:#2f2118!important;
}

#contatti a:hover{
    color:#483728!important;
}

input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea, .woocommerce .quantity input.qty, .dark input[type="email"], .dark input[type="password"], .dark input[type="tel"], .dark input[type="text"], .dark select, .dark textarea {
    color: #ffffff;
    background-color: #483728;
    border-color: #907f7d;
}

input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea, .woocommerce .quantity input.qty {
    border-width: 0 0 2px 0 !important;
    box-shadow: unset;
    resize: none;
}

a.button_theme, a.tp-button.button_theme, button, input[type="submit"], input[type="reset"], input[type="button"] {
    background-color: #e5e5e5;
    color: #ffffff;
}

#submit{
    font-weight: 700!important;
    font-family: 'Yantramanav', sans-serif!important; 
    font-size: 0.9em!important;
    color: #FFFFFF !important;
    background-color: #ccb7a3!important;  
    padding: 5px;
}

input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, select:focus, textarea:focus { 
    color: #fff;
    background-color: transparent!important;
    border-color: #fff!important;
    
}

i{
    margin-right: 10px;
    min-width: 16px!important;
}

.social{
    font-size: 2.2em!important;
    padding-right: 20px!important;
}

.info{
    padding-right: 40px!important;
}



#contatti .box-bordato {
    margin-top: 80px!important;
}

#contatti h2{
    color:#312d2a!important;
    margin-top: 16px !important;
}

#contatti p{
    color:#312d2a!important;
    font-size: 1.1em!important;
}

#contatti p a i {
    font-size: 1.1em!important;
}


input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea, .woocommerce .quantity input.qty, .dark input[type="email"], .dark input[type="password"], .dark input[type="tel"], .dark input[type="text"], .dark select, .dark textarea {

    background-color: #ccb7a3!important;  
    color: #312d2a!important;
    border: 1px solid #FFFFFF!important;
   
}


input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, select, textarea:focus, .woocommerce .quantity input.qty, .dark input[type="email"], .dark input[type="password"], .dark input[type="tel"], .dark input[type="text"], .dark select, .dark textarea  {

     border: 1px solid #312d2a!important;
    
}

#contactform {
   color: #312d2a !important
}


.form-contatto {
  min-height: 550px!important;
}


.orari-bottega li {
    color:#2f2118!important;
    margin-left: 30px!important;
}


/* footer ---------------------------------------------------------------------------------------------------------------------*/

#Footer{
    background-color: transparent!important;
    color:#fff!important;
    margin: 0px!important;
    padding: 0px!important;
}

.footer_copy{
    text-align: center!important;
    font-size: 0.9em!important;
    margin: 0px!important;
    padding: 0px!important;
    background-color: #222!important;
}

.copyright{
    width: 100%!important;
    text-align: center!important;
}

.copyright p{
    width: 100%!important;
    padding-bottom: 30px!important;
    padding-top: 30px!important;  
    color: #fff!important;
    text-align: center!important;
    margin: 0px!important;
}

.copyright a{
    color:#fff!important;
}

.copyright a:hover{
    color:#ccb7a3!important;
}



/* ***** ristorazione ***** */

.home-ristorazione {
    display: block;
    width: 100%;
    height: 50vh;
    position: relative;
    background-image: url(../images/home-ristorazione.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}


/* pop up */

.contenuto-popup {
    text-align: center!important;
}

.contenuto-popup img {
    width: 600px;
}

.contenuto-popup-txt {
    text-align: center!important;
    font-size: 1.3em!important;
}

.button_label_popup {
    color: #312d2a!important;
    font-weight: 700!important;
}


/* pagina riso */

.box-riso-testo-video {
    display: block!important;
    width: 100%!important;
    height: auto;
    clear: both;
}

.box-riso-testo, .box-riso-video {
   display: inline-table;
   position: relative;
}

.box-riso-testo {
    width: calc(100% - 650px)!important;
    float: left!important;
}

.box-riso-video {
    width: 600px!important;
    float: right!important;
}
#riso a.button, #riso a.tp-button {
    background-color: #333333;
    color: #fff;
}

.img-head {
    display: block;
    width: 100%!important;
    height: 400px!important;
    background-image: url(../images/risi/sfondo-risaia-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.img-head-2 {
    display: block;
    width: 100%!important;
    height: 400px!important;
    background-image: url(../images/ricette/sfondo-ricette.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.img-head h1, .img-head-2 h1  {
    display: none!important;
}

.box-riso-txt-long {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    clear: both;
}

.box-riso-txt {
    display: inline-table;
    float: left;
    width: calc(100% - 350px)!important;
    height: auto;
    position: relative;
    clear: both;
    min-height: 50px!important;
}

.box-riso-txt h3, .box-riso-txt-long h3 {
    font-size: 25px;
    line-height: 35px;
    font-weight: 700;
    letter-spacing: 0px;
    font-size: 25px;
    line-height: 35px;
    font-weight: 700;
    letter-spacing: 0px;
    margin-top: 30px;
}


.box-riso-txt h4, .box-riso-txt-long h4 {
    font-size: 22px;
    line-height: 35px;
    font-weight: 700;
    letter-spacing: 0px;
    font-size: 25px;
    line-height: 35px;
    font-weight: 700;
    letter-spacing: 0px;
    margin-top: 30px;
}

.box-riso-img {
    display: inline-table;
    width: 270px!important;
    height: auto!important;
    text-align: center!important;
    margin-left: 50px!important;
    transform: rotate(180deg);
    padding-top: 25px;
}

.box-riso-img img {
    width: 100%!important;
}


/* pagina ricette */

.box-ricetta {
    display: inline-table;
    width: calc(20% - 20px)!important;
    text-align: center!important;
    margin-bottom: 30px!important;
}

.box-ricetta img {
    width: 50px!important;
    clear: both!important;
    margin-bottom: 20px!important;
}

.box-ricetta p a {
    color: #312d2a!important;
}

.modal a {
    color: #312d2a!important;
}


.blocker {
    z-index: 10000!important;
}

#ex1, #ex2, #ex3, #ex4,
#ex5, #ex6, #ex7, #ex8 {
    z-index: 10000!important;
}

/* ***** Ottimizzazione mobile   ***** */

.ws-title {
    display: none!important;
}


@media only screen and (max-width: 1400px) {
  .homeslide {
    height: auto;
  }
}


@media only screen and (max-width: 1025px) {
    
    h2 {
        font-size: 2em;
    }
    
    .content-ristorazione {
        min-height: 360px;
    }
        
     .content-fattoria {
        min-height: 360px;
    }

    .box-riso-testo, .box-riso-video {
        display: block;
        position: relative;
        width: 100%!important;
    }

    .box-riso-video {
        text-align: center!important;
        margin-top: 30px!important;
        margin-bottom: 30px!important;
    }

    .content-coltivazione {
        min-height: 470px;
    }

    .box-ricetta {
        width: calc(20% - 10px)!important;
    }

    #Top_bar a.responsive-menu-toggle {
        top: 0px!important;
        position: absolute;
        float: right;
    }


    #Side_slide {
        
        z-index: 1000000; 
    }

}


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

    .mezzo-parallasse-sx, .mezzo-parallasse-dx, .mezzo-parallasse-pieno-sx, .mezzo-parallasse-pieno-dx {
        background-color: rgba(213,196,180,0)!important;
    }
    
    #zerbislider .slide-block h4 {
        font-size: 2em;
    }
    
    
    #captcha {
        width: 100px;
    }
    

}


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

#Top_bar .menu_wrapper {
    position: absolute;
}

.mobile-header-mini #Top_bar a.responsive-menu-toggle {
    position: absolute;
    z-index: 1000!important;
}

.box-ricetta {
    width: calc(25% - 10px)!important;
}

#piatto-risotto-1, #piatto-risotto-2 {
    float: right!important;
    left: -50%!important;
}



}

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

.contenuto-popup img {
    width: 90%!important;
}

}

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

    .header-classic #Top_bar{
        background-color: #483728!important;
    }
    
    .homeslide h1 {
        font-size: 2.5em;
    }
    
    h2 {
        font-size: 1.6em;
        line-height: 1em;
    }
    
    #wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
        display: none;
    }
    
    #sezione-1, #sezione-2, #sezione-3, #sezione-4 {
        padding: 20px!important;
    }
    
    .content-ristorazione {
        min-height: 440px;
    }
    
    a.button .button_label {
    padding: 11px 10px;
    }
    
    .caroufredsel_wrapper {
        width: 100%!important;
    }
    
    #zerbislider {
				margin: 0 0 0 0;
				height: 350px!important;
                width: 90%;
                margin-left: 5%;
                margin-right: 5%;
                overflow: hidden;
			}
			
			#zerbislider .slide {
                width: 350px!important;
				height: 350px;
			}
			
			
			#zerbislider .slide-block {       
                left: 20px;
				width: 300px;
			}
			
			#zerbislider .slide-block h4 {
				font-size: 2em;

			}
    #zerbislider .slide-block p {
                font-size: 1.0em!important;
			}

    
    
    .form-contatto {
        min-height: 750px!important;
    }
    
}
    
    
@media only screen and (max-width: 550px) {    
    
    a.button .button_icon {
        padding: 5px;
    }
    
    a.button .button_label {
    padding: 11px 10px;
    }
    
}
    

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

.content-coltivazione {
    min-height: 670px;
}

}


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

.box-riso-txt {
        width: 100%!important;
}

.box-riso-img {
    padding-top: 10px;
    padding-bottom: 50px!important;
    border-bottom: 1px solid #000000;
    margin-bottom: 50px!important;
}

.box-riso-img {
margin-left: calc(50% -270px)!important;
}

#bottega-img {
   margin-left: 70px!important;
}

.box-ricetta {
    width: calc(33% - 10px)!important;
}

}